From 09bc0cc8cf665763523396c16d46ed876f8cb8b1 Mon Sep 17 00:00:00 2001 From: luciano Date: Wed, 5 Aug 2026 15:21:36 +0200 Subject: [PATCH] Fix aux-row layout: pin select widths against the global 100% rule The control panel's global 'select { width: 100% }' made the mode dropdown swallow the whole row, pushing the family/preset selects off-screen. Co-Authored-By: Claude Fable 5 --- src/style.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/style.css b/src/style.css index d5b79c3..f05c22f 100644 --- a/src/style.css +++ b/src/style.css @@ -955,10 +955,11 @@ kbd { border-radius: 9px; font-size: 11.5px; } -.aux-row .aux-chk { flex: 1 1 auto; display: flex; align-items: center; gap: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } +.aux-row .aux-chk { flex: 1 1 120px; min-width: 0; display: flex; align-items: center; gap: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .aux-row .aux-chk small { opacity: 0.6; } -.aux-row .aux-mode { flex: 0 0 auto; padding: 4px 6px; font-size: 11px; } -.aux-row .aux-fx { flex: 1 1 auto; display: flex; gap: 4px; min-width: 0; } +/* the global control select is width:100%: pin flex sizes explicitly */ +.aux-row .aux-mode { flex: 0 0 170px; width: 170px; padding: 4px 6px; font-size: 11px; } +.aux-row .aux-fx { flex: 1 1 220px; display: flex; gap: 4px; min-width: 0; } .aux-row .aux-fx select { flex: 1; min-width: 0; padding: 4px 6px; font-size: 11px; } .aux-row .aux-img { flex: 0 0 auto; width: auto; padding: 4px 8px; font-size: 11px; } .aux-row .aux-img-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: 0.75; }