diff --git a/muxplex/frontend/style.css b/muxplex/frontend/style.css index 0cc63de..1de6d7c 100644 --- a/muxplex/frontend/style.css +++ b/muxplex/frontend/style.css @@ -1522,6 +1522,26 @@ body { color: var(--text-dim); } +.new-session-device-select { + background: var(--bg); + border: 1px solid var(--border); + border-radius: 4px; + font-size: 12px; + font-family: var(--font-ui); + padding: 4px 6px; + color: var(--text); + outline: none; + margin-right: 6px; + vertical-align: middle; +} + +.fab-input-overlay .new-session-device-select { + display: block; + width: 100%; + margin-bottom: 6px; + margin-right: 0; +} + /* ============================================================ Sidebar sticky footer (+ New button) ============================================================ */ diff --git a/muxplex/frontend/tests/test_app.mjs b/muxplex/frontend/tests/test_app.mjs index 06ec93a..5e0d05a 100644 --- a/muxplex/frontend/tests/test_app.mjs +++ b/muxplex/frontend/tests/test_app.mjs @@ -4291,3 +4291,11 @@ test('createNewSession matches remote sessions by sessionKey in poll loop', () = 'createNewSession must compute expected sessionKey for remote session matching', ); }); + +test('CSS has new-session-device-select styling', () => { + const source = fs.readFileSync(new URL('../style.css', import.meta.url), 'utf8'); + assert.ok( + source.includes('.new-session-device-select'), + 'style.css must have .new-session-device-select rule', + ); +});