diff --git a/front/src/App.vue b/front/src/App.vue index b5b6eaa0f015be889accd0a75faff76bdb482647..f53cc3a4a2cadefc824edf0a1aa0e3f56eac54d6 100644 --- a/front/src/App.vue +++ b/front/src/App.vue @@ -389,6 +389,9 @@ export default { z-index: 999999; width: 100%; width: 100vw; + .ui.top.attached.progress { + top: 0; + } } #app.queue-focused { .queue-not-focused { @@ -544,7 +547,7 @@ export default { justify-content: flex-start; } > * { - margin: 0 0.5em; + padding: 0.5em; } } &.player-controls { diff --git a/front/src/components/audio/Player.vue b/front/src/components/audio/Player.vue index 822593abae9fcf57de2c17b07237227954f94312..58f76ad073b70a167811cb38f784c6b4fb367bba 100644 --- a/front/src/components/audio/Player.vue +++ b/front/src/components/audio/Player.vue @@ -643,7 +643,7 @@ export default { progress: "player/progress" }), updateProgressThrottled () { - return _.throttle(this.updateProgress, 250) + return _.throttle(this.updateProgress, 50) }, labels() { let audioPlayer = this.$pgettext('Sidebar/Player/Hidden text', "Media player") @@ -816,13 +816,17 @@ export default { .fake-dropdown { border: 1px solid gray; border-radius: 3px; - padding: 0.5em; display: flex; align-items: center; justify-content: space-between; min-width: 10em; + > * { + padding: 0.5em; + + } .position.control { - margin-right: 1em; + padding-right: 1em; + flex-grow: 1; } .angle.icon { margin-right: 0;