From 7bcf896f3a4e7b77ff5f1a343439f49eccf0b589 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ciar=C3=A1n=20Ainsworth?= <ciaranainsworth@posteo.net>
Date: Thu, 23 May 2019 19:18:37 +0100
Subject: [PATCH] Added fix + changelog fragment for #838

---
 changes/changelog.d/838.bugfix        | 1 +
 front/src/components/audio/Player.vue | 6 +++++-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 changes/changelog.d/838.bugfix

diff --git a/changes/changelog.d/838.bugfix b/changes/changelog.d/838.bugfix
new file mode 100644
index 000000000..339489756
--- /dev/null
+++ b/changes/changelog.d/838.bugfix
@@ -0,0 +1 @@
+Fixed issue with player changing height when hovering over the volume slider (#838)
diff --git a/front/src/components/audio/Player.vue b/front/src/components/audio/Player.vue
index ea15ebc87..8faaf670c 100644
--- a/front/src/components/audio/Player.vue
+++ b/front/src/components/audio/Player.vue
@@ -199,7 +199,6 @@
           @click.prevent.stop="clean()"
           class="two wide column control">
           <i class="icons">
-
             <i :class="['ui', 'trash', 'secondary', {'disabled': queue.tracks.length === 0}, 'icon']" ></i>
             <i :class="['ui corner large inverted', 'list', {'disabled': queue.tracks.length === 0}, 'icon']" ></i>
           </i>
@@ -926,6 +925,11 @@ export default {
   animation-timing-function: linear;
   animation-iteration-count: infinite;
 }
+
+.icons {
+  position: absolute;
+}
+
 i.icons .corner.icon {
   font-size: 1em;
   right: -0.3em;