add user data buttons to now playing bar

dashboard-ui/css/mediaplayer.css

@@ -9,10 +9,10 @@
     vertical-align: top;
 }
 
-.mediaButton {
+.mediaButton, .nowPlayingBarUserDataButtons .btnUserItemRating {
     vertical-align: middle;
     font-size: 30px;
-    color: #e8e8e8 !important;
+    color: #e8e8e8;
     margin: 0 10px;
     min-width: 30px;
     text-align: center;
@@ -197,3 +197,15 @@ input[type="range"]::-ms-fill-upper {
     padding: 1em;
     background: #222;
 }
+
+.nowPlayingBarUserDataButtons {
+    display: inline-block;
+    margin-left: 2em;
+}
+
+@media all and (max-width: 1200px) {
+
+    .nowPlayingBarUserDataButtons {
+        display: none;
+    }
+}

dashboard-ui/css/site.css

@@ -771,7 +771,7 @@ progress {
     margin-right: .85em;
     cursor: pointer;
     vertical-align: middle;
-    color: #cc3333 !important;
+    color: #aaa;
     font-size: 17px;
     width: auto !important;
     display: inline-block !important;
@@ -784,8 +784,8 @@ progress {
         border: 0;
     }
 
-.btnUserItemRatingOff {
-    color: #aaa !important;
+.btnUserItemRatingOn {
+    color: #cc3333 !important;
 }
 
 .btnUserItemRating:last-child {