Merge remote-tracking branch 'upstream/master' into material-icons

src/components/nowplayingbar/nowplayingbar.css

@@ -16,7 +16,7 @@
 }
 
 .nowPlayingBar-hidden {
-    transform: translate3d(0,100%,0);
+    transform: translate3d(0, 100%, 0);
 }
 
 .nowPlayingBarTop {
@@ -28,7 +28,8 @@
     justify-content: center;
 }
 
-.mediaButton, .nowPlayingBarUserDataButtons .btnUserItemRating {
+.mediaButton,
+.nowPlayingBarUserDataButtons .btnUserItemRating {
     vertical-align: middle;
     margin: 0;
     text-align: center;
@@ -62,6 +63,7 @@
 .nowPlayingBarCenter {
     vertical-align: middle;
     text-align: center;
+
     /* Need this to make sure it's on top of nowPlayingBarPositionContainer so that buttons are fully clickable */
     z-index: 2;
     flex-grow: 1;
@@ -74,7 +76,7 @@
 .nowPlayingBarPositionContainer {
     position: absolute !important;
     left: 0;
-    top: -.56em;
+    top: -0.56em;
     right: 0;
     z-index: 1;
 }
@@ -89,7 +91,8 @@
 
 .nowPlayingBarRight {
     position: relative;
-    margin: 0 .5em 0 auto;
+    margin: 0 0.5em 0 auto;
+
     /* Need this to make sure it's on top of nowPlayingBarPositionContainer so that buttons are fully clickable */
     z-index: 2;
     display: flex;
@@ -121,7 +124,6 @@
 }
 
 @media all and (max-width: 70em) {
-
     .nowPlayingBarRight .nowPlayingBarUserDataButtons {
         display: none;
     }
@@ -155,13 +157,15 @@
     .nowPlayingBarRight .nowPlayingBarVolumeSliderContainer {
         display: none !important;
     }
+
     .nowPlayingBarInfoContainer {
         width: 70%;
     }
 }
 
 @media all and (max-width: 24em) {
-    .nowPlayingBar .muteButton, .nowPlayingBar .unmuteButton {
+    .nowPlayingBar .muteButton,
+    .nowPlayingBar .unmuteButton {
         display: none;
     }
 }