Making the mpd interface fit in a smaller screen without overflows

This commit is contained in:
Fabio Manganiello 2018-02-01 01:12:47 +01:00
parent de2e50fefa
commit 9cf9135eae

View file

@ -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>