Player style fixes

This commit is contained in:
Fabio Manganiello 2018-01-29 21:15:57 +01:00
parent 22e4a44fdb
commit 90f49b0964
2 changed files with 26 additions and 27 deletions

View file

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

View file

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