add tv guide hover menus

dashboard-ui/css/librarybrowser.css

@@ -156,10 +156,8 @@
 }
 
 .detailButtonsContainer {
-    padding: .5em 0 .5em;
+    padding: .35em 0 .35em;
     text-align: center;
-    border-top: 1px solid #333;
-    border-bottom: 1px solid #333;
 }
 
 .viewSettings {
@@ -272,18 +270,19 @@
     padding: 2px 4px;
     position: relative;
     top: -1px;
+    border-radius: 2px;
 }
 
 .metascorehigh {
-    background-color: rgba(102, 204, 51, .65);
+    background-color: rgba(102, 204, 51, .7);
 }
 
 .metascoremid {
-    background-color: rgba(255, 204, 51, .65);
+    background-color: rgba(255, 204, 51, .7);
 }
 
 .metascorelow {
-    background-color: rgba(240, 0, 0, .65);
+    background-color: rgba(240, 0, 0, .7);
 }
 
 .criticRating + .metascore, .starRatingValue + .metascore {
@@ -771,7 +770,7 @@ a.itemTag:hover {
     }
 
     .primaryDetailPageContent {
-        max-width: 900px;
+        max-width: 850px;
     }
 }
 
@@ -972,26 +971,12 @@ a.itemTag:hover {
     top: 3px;
 }
 
-.userDataIcons .itemProgressText {
-    vertical-align: top;
-    margin-right: 1.5em;
-}
-
 .tileItem .itemProgressBar {
     top: 2px;
     width: 40px;
     margin-right: 1em;
 }
 
-.itemProgressText {
-    color: #ddd;
-    vertical-align: middle;
-}
-
-.tileItem .itemProgressText {
-    display: none;
-}
-
 .timelineHeader {
     margin-bottom: .25em;
 }

dashboard-ui/css/mediaplayer.css

@@ -49,7 +49,7 @@
 
 
 .nowPlayingMediaInfo {
-    display: none;
+    display: inline-block;
 }
 
 .nowPlayingText {
@@ -60,9 +60,9 @@
     font-weight: normal;
 }
 
-@media all and (min-width: 650px) {
+@media all and (max-width: 650px) {
     .nowPlayingMediaInfo {
-        display: inline-block;
+        display: none;
     }
 }
 
@@ -164,19 +164,36 @@ input[type="range"]::-ms-fill-upper {
     display: none; /* display and visibility only */
 }
 
-@media all and (max-width: 600px) {
-    .volumeButton, .volumeSliderContainer, .nowPlayingText, .chaptersButton, .audioTracksButton {
+@media all and (max-width: 800px) {
+    .volumeButton, .volumeSliderContainer, .muteButton, .unmuteButton, .nowPlayingMediaInfo {
         display: none!important;
     }
-
-    .positionSliderContainer {
-        width: 50px;
-    }
 }
 
-@media all and (max-width: 750px) {
+@media all and (max-width: 600px) {
+    .chaptersButton, .audioTracksButton, .sendMediaButton {
+        display: none!important;
+    }
+
+    .positionSliderContainer, .currentTime {
+        top: 0!important;
+        position: relative!important;
+    }
+}
+
+@media all and (max-width: 500px) {
     .positionSliderContainer {
-        width: 50px;
+        width: 80px;
+    }
+
+    .previousTrackButton, .nextTrackButton {
+        display: none!important;
+    }
+}
+
+@media all and (max-width: 400px) {
+    .playlistButton {
+        display: none!important;
     }
 }
 

dashboard-ui/css/pluginupdates.css

@@ -7,4 +7,5 @@
 
 #pluginUpdatesForm td + td {
     text-align: center;
+    
 }