diff --git a/src/components/remotecontrol/remotecontrol.css b/src/components/remotecontrol/remotecontrol.css index 12e5368691..17003a4ec2 100644 --- a/src/components/remotecontrol/remotecontrol.css +++ b/src/components/remotecontrol/remotecontrol.css @@ -58,6 +58,7 @@ .nowPlayingPositionSliderContainer { margin: 0.2em 1em 0.2em 1em; width: 100%; + z-index: 0; } .nowPlayingInfoButtons { @@ -79,7 +80,7 @@ } .nowPlayingPageImageContainer { - width: 20%; + width: 16%; margin-right: 1em; position: relative; -webkit-flex-shrink: 0; @@ -123,10 +124,11 @@ bottom: 0; left: 0; right: 0; + margin: 0 auto; + width: 100%; -webkit-box-shadow: 0 0 1.9vh #000; box-shadow: 0 0 1.9vh #000; border: 0.1em solid #222; - user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag: none; @@ -142,15 +144,6 @@ font-size: x-large; } -.nowPlayingPageImageContainer { - width: 16%; -} - -.nowPlayingPageImage { - margin: 0 auto; - width: 100%; -} - .nowPlayingSecondaryButtons { display: -webkit-box; display: -webkit-flex;