From 015d911ef8cb5e114aa85c503e9f6c2a0d7d5fbb Mon Sep 17 00:00:00 2001 From: fs Date: Sat, 25 Apr 2026 18:22:34 +0200 Subject: [PATCH] fix(ui): give a deterministic font-size so hints stay consistent MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The base small rule set --app-font-size: 0.875em but never consumed it, so elements fell back to the browser default ("smaller", roughly 0.83em of the parent). That made hints under fields visually drift depending on the parent context — most noticeably on the telemetry page where the muted hint, the per-field hint inside a label, and the caption under a fieldset all rendered slightly different sizes. The codebase already standardises on var(--text-xs) wherever a small was explicitly styled (gridjs, footer, docs); this commit just makes the default match that convention so every bare is 12px regardless of where it sits. Co-Authored-By: Claude Opus 4.7 (1M context) --- web/css/layout/app-shell.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/web/css/layout/app-shell.css b/web/css/layout/app-shell.css index 771ef08..d904c3a 100644 --- a/web/css/layout/app-shell.css +++ b/web/css/layout/app-shell.css @@ -11,7 +11,7 @@ } small { - --app-font-size: 0.875em; + font-size: var(--text-xs); line-height: var(--leading-loose); }