From 6d76e5676431b7517dae8909e7d8aae1eddea11a Mon Sep 17 00:00:00 2001
From: tobifroe <froelichtobias@gmail.com>
Date: Sat, 18 Mar 2023 21:43:09 +0100
Subject: [PATCH] fix(2054): player/queue-dropdown mobile layout widths

---
 changes/changelog.d/2054.bugfix         | 1 +
 front/src/style/components/_player.scss | 2 +-
 front/src/style/components/_queue.scss  | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)
 create mode 100644 changes/changelog.d/2054.bugfix

diff --git a/changes/changelog.d/2054.bugfix b/changes/changelog.d/2054.bugfix
new file mode 100644
index 000000000..4dbfadd7a
--- /dev/null
+++ b/changes/changelog.d/2054.bugfix
@@ -0,0 +1 @@
+Fixed mobile player element widths (#2054)
diff --git a/front/src/style/components/_player.scss b/front/src/style/components/_player.scss
index 6386a4436..23c0025ca 100644
--- a/front/src/style/components/_player.scss
+++ b/front/src/style/components/_player.scss
@@ -219,7 +219,7 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
-    min-width: 10em;
+    min-width: 8em;
     z-index: 2;
     > .control.button {
       padding: 0.5em;
diff --git a/front/src/style/components/_queue.scss b/front/src/style/components/_queue.scss
index 4b49b0239..7ff9a25bd 100644
--- a/front/src/style/components/_queue.scss
+++ b/front/src/style/components/_queue.scss
@@ -283,6 +283,7 @@
       align-items: center;
       justify-content: center;
       text-align: center;
+      max-width: 100vw;
 
       .ui.header {
         width: 100%;