fix(2054): player/queue-dropdown mobile layout widths

2023-03-18 21:43:09 +01:00 · 2023-03-18 21:43:09 +01:00 · 6d76e56764
parent 6edb1624fc
commit 6d76e56764
3 changed files with 3 additions and 1 deletions
--- a/changes/changelog.d/2054.bugfix
+++ b/changes/changelog.d/2054.bugfix
@ -0,0 +1 @@
+Fixed mobile player element widths (#2054)
--- 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;
--- 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%;