diff --git a/src/js/components/MiniPlayer.js b/src/js/components/MiniPlayer.js
index 15d59487..279a6869 100755
--- a/src/js/components/MiniPlayer.js
+++ b/src/js/components/MiniPlayer.js
@@ -19,9 +19,9 @@ class MiniPlayer extends React.Component{
}
renderPlayButton(){
- var button = this.props.mopidyActions.play()}>
+ var button = this.props.mopidyActions.play()}>
if( this.props.play_state == 'playing' ){
- button = this.props.mopidyActions.pause()}>
+ button = this.props.mopidyActions.pause()}>
}
return button;
}
@@ -37,7 +37,7 @@ class MiniPlayer extends React.Component{
{ this.renderPlayButton() }
-
this.props.mopidyActions.next()}>
+ this.props.mopidyActions.next()}>
diff --git a/src/scss/components/_player.scss b/src/scss/components/_player.scss
index d41751ef..b773b329 100755
--- a/src/scss/components/_player.scss
+++ b/src/scss/components/_player.scss
@@ -75,16 +75,35 @@
padding: 10px;
.controls {
- position: absolute;
- top: 5px;
- left: 5px;
+ height: 0px;
- a {
+ .play {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ padding: 12px;
+ }
+
+ .next {
+ position: absolute;
+ top: 5px;
+ left: 48px;
padding: 12px;
}
.volume-control {
- display: none;
+ position: absolute;
+ top: 5px;
+ right: 5px;
+
+ a {
+ padding: 12px;
+ }
+
+ .slider-wrapper {
+ bottom: 2px;
+ left: 0;
+ }
}
}
@@ -104,7 +123,7 @@
.current-track {
font-size: 12px;
- padding: 0 20px 0 70px;
+ padding: 0 40px 0 70px;
line-height: 14px;
}
}