update components

dashboard-ui/css/card.css

@@ -3,23 +3,7 @@
     text-align: left;
     position: relative;
     contain: style;
-    /*box-shadow: 0 1px 4px 0 rgba(0,0,0,0.37);*/
 }
-
-    /*.itemsContainer .card {
-    contain: layout style;
-}
-
-.itemsContainer {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-}
-
-    .itemsContainer.smoothScrollX, .itemsContainer.hiddenScrollX {
-        display: block;
-    }*/
-
     .card, .card a {
         text-decoration: none;
         font-weight: 400 !important;
@@ -129,26 +113,6 @@
         opacity: .5;
     }
 
-    /*.preview-overlay-container {
-    -moz-border-radius: 2px;
-    -webkit-border-radius: 2px;
-    border-radius: 2px;
-    -moz-opacity: 0;
-    opacity: 0;
-    filter: alpha(opacity=0);
-    -webkit-transition: all .25s ease;
-    -moz-transition: all .25s ease;
-    -o-transition: all .25s ease;
-    transition: all .25s ease;
-    background: rgba(0,0,0,0.4);
-    cursor: pointer;
-    height: 100%;
-    left: 0;
-    position: absolute;
-    top: 0;
-    width: 100%;
-}*/
-
     .cardContent .cardFooter {
         position: absolute;
         bottom: 0;

dashboard-ui/css/librarymenu.css

@@ -353,7 +353,7 @@ body:not(.dashboardDocument) .btnNotifications {
 }
 
 .darkDrawer {
-    background-color: #1D1D20 !important;
+    background-color: #1C1C1F !important;
     /*background-color: rgba(40,40,40,.8) !important;
     -webkit-backdrop-filter: blur(5px);
     backdrop-filter: blur(5px);*/

dashboard-ui/css/nowplayingbar.css

@@ -59,7 +59,7 @@
     /* Above everything, except for the video player and popup overlays */
     z-index: 1097;
     color: #fff;
-    background-color: #2b2b2b;
+    background-color: #1C1C1F;
     text-align: center;
     display: flex;
     flex-direction: row;
@@ -101,12 +101,12 @@
     }
 
     .nowPlayingBar, .nowPlayingImage img {
-        height: 80px;
+        height: 70px;
     }
 
         .nowPlayingBar .nowPlayingImage {
-            width: 80px;
-            height: 80px;
+            width: 70px;
+            height: 70px;
             background-position: center center;
             background-repeat: no-repeat;
             background-size: contain;
@@ -160,7 +160,7 @@
 .nowPlayingBarCenter {
     vertical-align: middle;
     text-align: center;
-    margin-top: 12px;
+    margin-top: 7px;
     /* Need this to make sure it's on top of nowPlayingBarPositionContainer so that buttons are fully clickable */
     z-index: 2;
     position: absolute;
@@ -171,12 +171,16 @@
 
 .nowPlayingBarPositionContainer {
     position: absolute !important;
-    left: 80px;
+    left: 70px;
     top: -8px;
     right: 0;
     z-index: 1;
 }
 
+    .nowPlayingBarPositionContainer .mdl-slider__background-upper {
+        background: #333;
+    }
+
 .noMediaProgress .nowPlayingBarPositionContainer {
     display: none;
 }
@@ -244,19 +248,6 @@
         display: none !important;
     }
 
-    .nowPlayingBar {
-        height: 70px;
-    }
-
-        .nowPlayingBar .nowPlayingImage {
-            height: 70px;
-            width: 70px;
-        }
-
-    .nowPlayingBarPositionContainer {
-        left: 70px;
-    }
-
     .toggleRepeatButton {
         display: none;
     }