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 { header {
width: 100%; width: 100%;
background: rgba(230,230,220,1); background: rgba(230,230,230,0.6);
padding: 25px; padding: 25px;
margin: -10px 10px 20px -10px; margin: -10px 10px 30px -10px;
} }
.logo { .logo {
@ -45,7 +45,8 @@ main {
.track-info { .track-info {
text-align: center; text-align: center;
margin-bottom: 15px; margin: -20px -20px 15px -20px;
padding: 10px 20px;
} }
.track-info > .artist { .track-info > .artist {

View file

@ -1,34 +1,32 @@
<script type="text/javascript" src="{{ url_for('static', filename='js/music.mpd.js') }}"></script> <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="row">
<div class="ten columns offset-by-one track-info"> <div class="eight columns offset-by-two playback-controls">
<span class="no-track">No media is being played</span> <button data-action="previous">
<span class="artist"></span> <i class="fa fa-step-backward"></i>
<span class="track"></span> </button>
</div>
<div class="row"> <button data-action="play">
<div class="eight columns offset-by-two playback-controls"> <i class="fa fa-play"></i>
<button data-action="previous"> </button>
<i class="fa fa-step-backward"></i>
</button>
<button data-action="play"> <button data-action="pause">
<i class="fa fa-play"></i> <i class="fa fa-pause"></i>
</button> </button>
<button data-action="pause"> <button data-action="stop">
<i class="fa fa-pause"></i> <i class="fa fa-stop"></i>
</button> </button>
<button data-action="stop"> <button data-action="next">
<i class="fa fa-stop"></i> <i class="fa fa-step-forward"></i>
</button> </button>
<button data-action="next">
<i class="fa fa-step-forward"></i>
</button>
</div>
</div> </div>
</div> </div>