Merge pull request #403 from grafixeyehero/nowplayingbar

Fix text overlap on now playing bar

src/components/nowplayingbar/nowplayingbar.css

@@ -2,7 +2,7 @@
     display: flex;
     align-items: center;
     height: 100%;
-    flex-grow: 1;
+    width: 40%;
     overflow: hidden;
 }
 
@@ -93,6 +93,8 @@
     /* Need this to make sure it's on top of nowPlayingBarPositionContainer so that buttons are fully clickable */
     z-index: 2;
     display: flex;
+    justify-content: flex-end;
+    flex-grow: 1;
     align-items: center;
     flex-shrink: 0;
 }
@@ -154,6 +156,9 @@
     .nowPlayingBarRight .nowPlayingBarVolumeSliderContainer {
         display: none !important;
     }
+    .nowPlayingBarInfoContainer {
+        width: 70%;
+    }
 }
 
 @media all and (max-width: 24em) {