From 7b786aae4502a4c22019f233ae674cb1bacc9058 Mon Sep 17 00:00:00 2001 From: librelad Date: Thu, 28 May 2026 14:27:48 +0100 Subject: [PATCH] ux(setup): align dev strip content with the cards above Bump the dev strip's horizontal padding 14px -> 18px to match .setup-level-card's content inset, so the strip icon/text sit on the same left edge as the card titles above it instead of ~4px inboard. Padding sides (not an icon margin) keeps the whole row aligned and leaves the top/bottom entrance animation untouched. Signed-off-by: librelad --- containers/libreportal/frontend/css/setup-wizard.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/containers/libreportal/frontend/css/setup-wizard.css b/containers/libreportal/frontend/css/setup-wizard.css index 6039270..cf5ea6f 100755 --- a/containers/libreportal/frontend/css/setup-wizard.css +++ b/containers/libreportal/frontend/css/setup-wizard.css @@ -1126,7 +1126,10 @@ body.setup-wizard-open { display: flex; align-items: center; gap: 12px; - padding: 12px 14px; + /* 18px sides match .setup-level-card's content inset, so the strip's + icon/text line up with the cards above. (Top/bottom stay 12px; the + entrance keyframes animate only those, not the sides.) */ + padding: 12px 18px; border-radius: 12px; background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.16) 0%, rgba(var(--accent-rgb), 0.05) 100%); border: 1px solid rgba(var(--accent-rgb), 0.5);