From 90f49b0964a7208fa6ba690ee88e828f5236312d Mon Sep 17 00:00:00 2001
From: Fabio Manganiello <blacklight86@gmail.com>
Date: Mon, 29 Jan 2018 21:15:57 +0100
Subject: [PATCH] Player style fixes

---
 .../backend/http/static/css/application.css   |  7 +--
 .../http/templates/plugins/music.mpd.html     | 46 +++++++++----------
 2 files changed, 26 insertions(+), 27 deletions(-)

diff --git a/platypush/backend/http/static/css/application.css b/platypush/backend/http/static/css/application.css
index 699b420e8e..87a9bb1b47 100644
--- a/platypush/backend/http/static/css/application.css
+++ b/platypush/backend/http/static/css/application.css
@@ -6,9 +6,9 @@ body {
 
 header {
     width: 100%;
-    background: rgba(230,230,220,1);
+    background: rgba(230,230,230,0.6);
     padding: 25px;
-    margin: -10px 10px 20px -10px;
+    margin: -10px 10px 30px -10px;
 }
 
 .logo {
@@ -45,7 +45,8 @@ main {
 
     .track-info {
         text-align: center;
-        margin-bottom: 15px;
+        margin: -20px -20px 15px -20px;
+        padding: 10px 20px;
     }
 
         .track-info > .artist {
diff --git a/platypush/backend/http/templates/plugins/music.mpd.html b/platypush/backend/http/templates/plugins/music.mpd.html
index 6d5fba5191..2ecca3a12b 100644
--- a/platypush/backend/http/templates/plugins/music.mpd.html
+++ b/platypush/backend/http/templates/plugins/music.mpd.html
@@ -1,34 +1,32 @@
 <script type="text/javascript" src="{{ url_for('static', filename='js/music.mpd.js') }}"></script>
 
+<div class="row track-info">
+    <span class="no-track">No media is being played</span>
+    <span class="artist"></span>
+    <span class="track"></span>
+</div>
+
 <div class="row">
-    <div class="ten columns offset-by-one track-info">
-        <span class="no-track">No media is being played</span>
-        <span class="artist"></span>
-        <span class="track"></span>
-    </div>
+    <div class="eight columns offset-by-two playback-controls">
+        <button data-action="previous">
+            <i class="fa fa-step-backward"></i>
+        </button>
 
-    <div class="row">
-        <div class="eight columns offset-by-two playback-controls">
-            <button data-action="previous">
-                <i class="fa fa-step-backward"></i>
-            </button>
+        <button data-action="play">
+            <i class="fa fa-play"></i>
+        </button>
 
-            <button data-action="play">
-                <i class="fa fa-play"></i>
-            </button>
+        <button data-action="pause">
+            <i class="fa fa-pause"></i>
+        </button>
 
-            <button data-action="pause">
-                <i class="fa fa-pause"></i>
-            </button>
+        <button data-action="stop">
+            <i class="fa fa-stop"></i>
+        </button>
 
-            <button data-action="stop">
-                <i class="fa fa-stop"></i>
-            </button>
-
-            <button data-action="next">
-                <i class="fa fa-step-forward"></i>
-            </button>
-        </div>
+        <button data-action="next">
+            <i class="fa fa-step-forward"></i>
+        </button>
     </div>
 </div>