From 19da87d061ba75ed2e8a9e3d645e9164d8117eb4 Mon Sep 17 00:00:00 2001
From: Mathias Koehler <mail@mathias.im>
Date: Fri, 22 Jul 2022 03:22:05 +0200
Subject: [PATCH] Fix player cover image overlaping with queue

---
 changes/changelog.d/1902.bugfix        | 1 +
 front/src/style/components/_queue.scss | 6 ++++--
 2 files changed, 5 insertions(+), 2 deletions(-)
 create mode 100644 changes/changelog.d/1902.bugfix

diff --git a/changes/changelog.d/1902.bugfix b/changes/changelog.d/1902.bugfix
new file mode 100644
index 000000000..df8451842
--- /dev/null
+++ b/changes/changelog.d/1902.bugfix
@@ -0,0 +1 @@
+Fix player cover image overlapping queue list
diff --git a/front/src/style/components/_queue.scss b/front/src/style/components/_queue.scss
index b2bcde76b..45c21aaf5 100644
--- a/front/src/style/components/_queue.scss
+++ b/front/src/style/components/_queue.scss
@@ -138,8 +138,10 @@
     top: 0;
     width: 32%;
     > img {
-      height: 50vh;
-      width: 50vh;
+      width: 100%;
+      height: auto;
+      max-height: 50vh;
+      max-width: 50vh;
     }
     @include media("<desktop") {
       padding: 0.5em;