From 7b3df63e10f74e3a1330ba9f6c94d94801403fc7 Mon Sep 17 00:00:00 2001 From: Philip Zeyliger Date: Sun, 8 Feb 2026 17:34:42 +0000 Subject: [PATCH] shelley/ui: make model/dir fields full width on mobile with aligned labels Prompt: You may as well make those things full width in mobile and align the labels nicely. Remove max-width constraints on mobile so the Model and Dir fields stretch to full width. Right-align labels to a consistent width so the controls line up neatly. Co-authored-by: Shelley --- ui/src/styles.css | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/ui/src/styles.css b/ui/src/styles.css index dfe219e74e58c63c9879538bffa6b9fb6d97b03f..9df5b64fad534624890f8e424e71b08720b257b9 100644 --- a/ui/src/styles.css +++ b/ui/src/styles.css @@ -2498,6 +2498,12 @@ svg { .status-field { width: 100%; + max-width: none; + } + + .status-field-label { + width: 2.5rem; + text-align: right; } } @@ -2818,12 +2824,12 @@ svg { .status-field-model { min-width: 120px; - max-width: 200px; + max-width: none; } .status-field-cwd { min-width: 140px; - max-width: 250px; + max-width: none; } }