From 00cf7781d355df36ec957ff3f9d98e3c7a0baa86 Mon Sep 17 00:00:00 2001
From: xRangerDE <xRangerDE@24-music.de>
Date: Fri, 20 Mar 2026 09:06:10 +0100
Subject: [PATCH] fix(ui): prevent queue buttons from being pushed off-screen
 by long queue

Queue section now uses flex layout with flex-shrink:0 on action buttons,
so they stay visible regardless of queue list length.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/styles.css | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/styles.css b/src/styles.css
index bfec844..b5e96e7 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -172,6 +172,10 @@ body {
 .queue-section {
     border-top: 1px solid rgba(255,255,255,0.1);
     padding: 15px;
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+    flex: 1;
 }
 
 .queue-header {
@@ -196,8 +200,9 @@ body {
 }
 
 .queue-list {
-    max-height: 210px;
+    flex: 1;
     overflow-y: auto;
+    min-height: 60px;
 }
 
 .health-badge {
@@ -378,6 +383,7 @@ body {
     display: flex;
     gap: 8px;
     margin-top: 10px;
+    flex-shrink: 0;
 }
 
 .btn {