From 785a69a896454add9d648215cef6c67de5bbd54c Mon Sep 17 00:00:00 2001 From: Owen McGirr Date: Sat, 29 Aug 2026 17:36:45 +0100 Subject: [PATCH] Keep setup controls visible at minimum size --- src/styles.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/styles.css b/src/styles.css index ec586fa3..6082fc5b 100644 --- a/src/styles.css +++ b/src/styles.css @@ -164,7 +164,7 @@ button:disabled { cursor: default; opacity: 0.55; } .modal-backdrop { position: fixed; z-index: 20; inset: 0; display: grid; place-items: center; padding: 20px; background: rgba(28, 27, 31, 0.48); } .pairing-dialog { width: min(100%, 620px); max-height: calc(100vh - 40px); overflow: auto; border: 1px solid var(--border); border-radius: 8px; padding: 24px; color: var(--text); background: var(--surface); box-shadow: 0 20px 60px rgba(28, 27, 31, 0.2); } -.setup-dialog { width: min(100%, 760px); min-height: 520px; max-height: calc(100vh - 40px); overflow: auto; border: 1px solid var(--border); border-radius: 10px; padding: 28px; color: var(--text); background: var(--surface); box-shadow: 0 20px 60px rgba(28, 27, 31, 0.2); } +.setup-dialog { display: flex; flex-direction: column; width: min(100%, 760px); height: min(520px, calc(100vh - 40px)); min-height: 0; max-height: calc(100vh - 40px); overflow: hidden; border: 1px solid var(--border); border-radius: 10px; padding: 28px; color: var(--text); background: var(--surface); box-shadow: 0 20px 60px rgba(28, 27, 31, 0.2); } .setup-dialog:focus { outline: 2px solid var(--focus); outline-offset: 2px; } .setup-dialog > header, .setup-dialog > footer { display: flex; align-items: center; gap: 10px; } .setup-dialog > header { justify-content: space-between; } @@ -174,7 +174,7 @@ button:disabled { cursor: default; opacity: 0.55; } .setup-progress { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; margin-top: 18px; } .setup-progress span { height: 4px; border-radius: 2px; background: var(--border); } .setup-progress span[data-active="true"] { background: var(--brand); } -.setup-content { min-height: 330px; padding: 42px 14px 28px; } +.setup-content { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 42px 14px 28px; } .setup-content h3 { font-size: 18px; } .setup-content p { margin-top: 8px; color: var(--muted); font-size: 14px; line-height: 1.55; } .setup-statuses { border-top: 1px solid var(--border); } @@ -256,7 +256,7 @@ button:disabled { cursor: default; opacity: 0.55; } .task-list article { grid-template-columns: auto minmax(0, 1fr); } .task-list article > button { grid-column: 1 / -1; } .setup-dialog { min-height: 0; padding: 20px; } - .setup-content { min-height: 350px; padding: 28px 0 20px; } + .setup-content { padding: 28px 0 20px; } .android-download { grid-template-columns: 1fr; } .android-download img { width: 150px; height: 150px; } .setup-statuses article, .setup-pairings article { grid-template-columns: auto 1fr; }