Better progressive playback controls of bottom pages (#164)

* Allow volume change on shrinker width screenview
* Tiny better width compromise in width control fluidity
* Better progressive music control panel
* Delay hiding of album image displayed
* Wider volume slider

src/css/nowplaying.css

@@ -186,14 +186,26 @@
 }
 
 .nowPlayingVolumeSliderContainer {
-    width: 6em
+    width: 9em
+}
+
+@media all and (max-width:50em) {
+    .nowPlayingInfoButtons .nowPlayingPageUserDataButtons {
+        display: none !important
+    }
+}
+
+@media all and (max-width:47em) {
+    .nowPlayingInfoButtons .repeatToggleButton {
+        display: none !important
+    }
 }
 
 @media all and (max-width:34em) {
 
-    .btnNowPlayingFastForward,
-    .btnNowPlayingRewind,
-    .playlist .listItemMediaInfo {
+    .nowPlayingInfoButtons .btnNowPlayingFastForward,
+    .nowPlayingInfoButtons .btnNowPlayingRewind,
+    .nowPlayingInfoButtons .playlist .listItemMediaInfo {
         display: none !important
     }
-}
+}

src/css/videoosd.css

@@ -138,7 +138,7 @@
 }
 
 .osdVolumeSliderContainer {
-    width: 6.5em;
+    width: 9em;
     -webkit-box-flex: 1;
     -webkit-flex-grow: 1;
     flex-grow: 1
@@ -244,14 +244,19 @@
     }
 }
 
-@media all and (max-width:37.5em) {
+@media all and (max-width:43em) {
     .videoOsdBottom .volumeButtons {
         display: none !important
     }
 }
+@media all and (max-width:50em) {
+    .videoOsdBottom .btnFastForward, .videoOsdBottom .btnRewind {
+        display: none !important
+    }
+}
 
 @media all and (max-width:75em) {
     .videoOsdBottom .endsAtText {
         display: none !important
     }
-}
+}