From 78fa52e103338cb70ef108796f8dfe2fe5a9f740 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

Part-of: <https://dev.funkwhale.audio/funkwhale/funkwhale/-/merge_requests/2372>
---
 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 8e8af4065..f9e2987a7 100644
--- a/front/src/style/components/_player.scss
+++ b/front/src/style/components/_player.scss
@@ -222,7 +222,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 b4afce275..dc0e8db50 100644
--- a/front/src/style/components/_queue.scss
+++ b/front/src/style/components/_queue.scss
@@ -291,6 +291,7 @@
       align-items: center;
       justify-content: center;
       text-align: center;
+      max-width: 100vw;
 
       .ui.header {
         width: 100%;