From 9cf9135eaef6bc7fb0126c41a4b3e8f985a60dbe Mon Sep 17 00:00:00 2001
From: Fabio Manganiello <blacklight86@gmail.com>
Date: Thu, 1 Feb 2018 01:12:47 +0100
Subject: [PATCH] Making the mpd interface fit in a smaller screen without
 overflows

---
 .../backend/http/templates/plugins/music.mpd.html    | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/platypush/backend/http/templates/plugins/music.mpd.html b/platypush/backend/http/templates/plugins/music.mpd.html
index 3a68b9f24b..fd380d7fd6 100644
--- a/platypush/backend/http/templates/plugins/music.mpd.html
+++ b/platypush/backend/http/templates/plugins/music.mpd.html
@@ -8,15 +8,15 @@
 
 <div class="playback-controls">
     <div class="row">
-        <div class="six columns offset-by-three slider-container" id="track-seeker-container">
-            <span class="seek-time" id="seek-time-elapsed">-:--</span> &nbsp;
-            <input type="range" min="0" id="track-seeker" disabled="disabled" class="slider" style="width:80%">
-            &nbsp; <span class="seek-time" id="seek-time-length">-:--</span>
+        <div class="eight columns offset-by-two slider-container" id="track-seeker-container">
+            <span class="seek-time" id="seek-time-elapsed">-:--</span>&nbsp;
+            <input type="range" min="0" id="track-seeker" disabled="disabled" class="slider" style="width:75%">
+            &nbsp;<span class="seek-time" id="seek-time-length">-:--</span>
         </div>
     </div>
 
     <div class="row">
-        <div class="eight columns offset-by-two">
+        <div class="ten columns offset-by-one">
             <button data-action="previous">
                 <i class="fa fa-step-backward"></i>
             </button>
@@ -48,7 +48,7 @@
     </div>
 
     <div class="row">
-        <div class="six columns offset-by-three slider-container" id="volume-ctrl-container">
+        <div class="eight columns offset-by-two slider-container" id="volume-ctrl-container">
             <i class="fa fa-volume-down"></i> &nbsp;
             <input type="range" min="0" max="100" id="volume-ctrl" class="slider" style="width:90%">
             &nbsp; <i class="fa fa-volume-up"></i>