Feat: improved layout of playback card

htdocs/css/mpd.css

@@ -33,13 +33,6 @@ button {
 }
 
 
-#counter {
-  font-size: 22px;
-/*  margin-left: 10px;
-  min-width: 50px;
-*/
-}
-
 .card {
   min-height: 350px;
 }
@@ -58,15 +51,31 @@ button {
   width: 30px;
 }
 
+small {
+  color: #aaa;
+}
+
+.card-footer-playback {
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
 .album-cover {
   background-size: cover;
-/*  border: 1px solid black;
+  border: 1px solid black;
   border-radius: 5px;
   overflow: hidden;
-  margin-bottom: 20px;*/
   width: 240px;
   height: 240px;
   background-color: #eee;
+  float: left;
+  margin-right: 20px;
+  margin-bottom: 20px;
+}
+
+.album-desc {
+  min-width: 240px;
+  float: left;
 }
 
 .hide {
@@ -140,9 +149,12 @@ button {
   overflow-x:hidden;
 }
 
-#progressBar {
-  width:100%;
-  margin-top:8px;
+.progressBarPlay {
+  font-size: 22px;
+}
+
+#counter {
+  cursor: text;
 }
 
 #volumeBar {