Update remotecontrol.css

src/components/remotecontrol/remotecontrol.css

@@ -96,7 +96,7 @@
     background-color: #5ccea9;
 }
 
-.nowPlayingPageImageContainerNoAlbum:after {
+.nowPlayingPageImageContainerNoAlbum::after {
     content: "";
     display: block;
     padding-bottom: 100%;
@@ -142,7 +142,6 @@
     bottom: 0;
     left: 0;
     right: 0;
-    /* width: 100%; */
     -webkit-box-shadow: 0 0 1.9vh #000;
     box-shadow: 0 0 1.9vh #000;
     border: 0.1em solid #222;
@@ -181,7 +180,6 @@
         -webkit-align-items: center;
         align-items: center;
         width: 100%;
-        flex-flow: column;
         height: calc(100% - 4.2em);
     }
 
@@ -248,7 +246,7 @@
         left: 0;
         margin-left: 0;
         padding-left: 7.3%;
-        font-size: smaller
+        font-size: smaller;
     }
 
     .nowPlayingInfoButtons .btnFastForward {
@@ -256,7 +254,7 @@
         right: 0;
         margin-right: 0;
         padding-right: 7.3%;
-        font-size: smaller
+        font-size: smaller;
     }
 
     .paper-icon-button-light:hover {
@@ -264,6 +262,11 @@
         background-color: transparent !important;
     }
 
+	.btnPlayPause {
+        padding: 0;
+        margin: 0;
+    }
+
     .btnPlayPause:hover {
         background-color: transparent !important;
     }
@@ -283,16 +286,12 @@
         height: 50%;
     }
 
-    .nowPlayingPageImageContainer.nowPlayingPageImagePoster img{
+    .nowPlayingPageImageContainer.nowPlayingPageImagePoster img {
         height: 100%;
     }
 
-    #nowPlayingPage .playlistSection {
-        
-    }
-    
     #nowPlayingPage .playlistSection .playlist,
-    #nowPlayingPage .playlistSection .contextMenu   {
+    #nowPlayingPage .playlistSection .contextMenu {
         position: absolute;
         top: 12.2em;
         bottom: 4.2em;
@@ -316,11 +315,6 @@
         background-color: #101010;
     }
 
-    .btnPlayPause {
-        padding: 0;
-        margin: 0;
-    }
-    
     .playlistSectionButton .btnTooglePlaylist {
         font-size: larger;
         margin: 0;
@@ -381,7 +375,7 @@
 }
 
 @media all and (min-width: 47em) {
-    .nowPlayingSecondaryButtons {
+	.nowPlayingSecondaryButtons {
         -webkit-box-flex: 1;
         -webkit-flex-grow: 1;
         flex-grow: 1;
@@ -389,7 +383,6 @@
         -webkit-justify-content: flex-end;
         justify-content: flex-end;
     }
-    
 }
 
 @media all and (min-width: 80em) {
@@ -439,5 +432,4 @@
         display: block;
         height: 100%;
     }
-    
 }