From 8afbfbfeabc60b0ab39efb06de9c3a7fe41173d7 Mon Sep 17 00:00:00 2001 From: BoulderBadgeDad Date: Wed, 24 Jun 2026 13:03:10 -0700 Subject: [PATCH] Align modal: pin footer so the Align buttons aren't clipped on long playlists The server-order list wasn't flex-shrinking, so a long tracklist pushed the align footer past the dialog's 80vh cap and overflow:hidden clipped it. Make the list flex:1/min-height:0 (scrolls) and the footer flex:0 0 auto (always visible). --- webui/static/style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/webui/static/style.css b/webui/static/style.css index 3aeefc48..0f63c94a 100644 --- a/webui/static/style.css +++ b/webui/static/style.css @@ -58594,7 +58594,7 @@ tr.tag-diff-same { line-height: 1; cursor: pointer; padding: 0 4px; } .server-order-close:hover { color: #fff; } -.server-order-list { overflow-y: auto; padding: 8px 8px 12px; } +.server-order-list { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 8px 8px 12px; } .server-order-row { display: flex; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 8px; } @@ -58607,7 +58607,7 @@ tr.tag-diff-same { .server-order-title { font-size: 13px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .server-order-artist { font-size: 11.5px; color: rgba(255, 255, 255, 0.45); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .server-order-empty { padding: 20px; text-align: center; color: rgba(255, 255, 255, 0.4); font-size: 13px; } -.server-order-foot { padding: 14px 16px 16px; border-top: 1px solid rgba(255, 255, 255, 0.07); } +.server-order-foot { flex: 0 0 auto; padding: 14px 16px 16px; border-top: 1px solid rgba(255, 255, 255, 0.07); } .server-order-foot-label { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.4px; color: rgba(255, 255, 255, 0.5); margin-bottom: 10px; } .server-order-actions { display: flex; gap: 10px; }