update icons

dashboard-ui/css/chromecast.css

@@ -1,40 +1,23 @@
-.btnCastImage:not(.btnCastIcon) {
-    background-color: transparent;
-    background-size: 100%;
-    background-repeat: no-repeat;
-    background-position: center center;
-    width: 28px;
-    height: 100%;
-    display: inline-block;
-    vertical-align: middle;
+.btnDefaultCast .btnCastImageActive {
+    display: none;
 }
 
-.btnDefaultCast .btnCastImage {
-    background-image: url(images/chromecast/ic_media_route_off_holo_dark.png);
-}
-
-.btnActiveCast .btnCastImage {
-    background-image: url(images/chromecast/ic_media_route_on_holo_dark.png);
+.btnActiveCast .btnCastImageDefault {
+    display: none;
 }
 
 .btnActiveCast i {
     color: #2ad !important;
 }
 
-.btnDisabledCast .btnCastImage {
-    background-image: url(images/chromecast/ic_media_route_disabled_holo_dark.png);
+.btnDisabledCast .btnCastImageActive {
+    display: none;
 }
 
 .btnDisabledCast i {
     color: #555;
 }
 
-.btnCast {
-    white-space: nowrap;
-    position: relative;
-    top: 1px !important;
-}
-
 .headerSelectedPlayer {
     display: inline-block;
     vertical-align: middle;
@@ -46,6 +29,7 @@
     max-width: 100px;
     text-overflow: ellipsis;
     overflow: hidden;
+    white-space: nowrap;
 }
 
 .btnCastIcon .headerSelectedPlayer {

dashboard-ui/css/librarymenu.css

@@ -31,7 +31,7 @@
     display: inline-block;
 }
 
-.viewMenuBar .fa {
+.viewMenuBar .material-icons, .viewMenuBar .fa {
     color: #e8e8e8;
     font-size: 24px;
     vertical-align: middle;