From 6dbba87c6c0503946f81fac10c2dadd9dc75983f Mon Sep 17 00:00:00 2001 From: ddidderr Date: Sat, 12 Sep 2026 20:25:18 +0200 Subject: [PATCH] fix(launcher): restore compact Call to Play form layout The shared search style applied a 380px flex basis intended for a horizontal bar to the Call to Play form's vertical row, making its search field 380px tall. Keep sizing in the existing topbar rules so the form uses the 36px search height and can fit within its available width. Keep search results in normal flow so the scrolling modal contains them, and restore the design reference's accent background and border for selected timing, duration, and day buttons. Test Plan: - just frontend-test -- 98 passed - deno task build (frontend directory) -- TypeScript and Vite build passed - git diff --cached --check -- passed - Independent static review -- no regressions found - Visual verification unavailable: this session has no browser surface --- .../lanspread-tauri-deno-ts/src/styles/launcher.css | 11 ++++------- 1 file changed, 4 insertions(+), 7 deletions(-) diff --git a/crates/lanspread-tauri-deno-ts/src/styles/launcher.css b/crates/lanspread-tauri-deno-ts/src/styles/launcher.css index 89fa7f0..9ddfbaa 100644 --- a/crates/lanspread-tauri-deno-ts/src/styles/launcher.css +++ b/crates/lanspread-tauri-deno-ts/src/styles/launcher.css @@ -259,8 +259,7 @@ border: 1px solid var(--bd-1); border-radius: 8px; height: 36px; - min-width: 320px; - flex: 0 1 380px; + min-width: 0; color: var(--t-3); transition: border-color 0.15s, @@ -2414,11 +2413,7 @@ width: 100%; } .ctp-create-matches { - position: absolute; - top: calc(100% + 4px); - left: 0; - right: 0; - z-index: 20; + /* Keep results in the form's flow so the scrolling modal can contain them. */ max-height: 220px; overflow: auto; padding: 4px; @@ -2495,6 +2490,8 @@ color: var(--t-1); } .ctp-duration-btn.is-active { + background: var(--accent); + border-color: var(--accent); color: white; } .ctp-create-foot {