From 8aae1bde4fb36c8d77f09812e3898c304cd92a99 Mon Sep 17 00:00:00 2001 From: librelad Date: Mon, 6 Jul 2026 23:25:46 +0100 Subject: [PATCH] fix(webui/config): nudge the "Official" catalog badge inline with the URL text The badge centres on the input box (top:50%), but the single-line input renders its text a hair low, so the pill read as slightly above the URL. +2px lands it optically inline. Co-Authored-By: Claude Opus 4.8 (1M context) Signed-off-by: librelad --- containers/libreportal/frontend/core/forms/css/config.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/containers/libreportal/frontend/core/forms/css/config.css b/containers/libreportal/frontend/core/forms/css/config.css index 1bf29e1..0fe5a50 100644 --- a/containers/libreportal/frontend/core/forms/css/config.css +++ b/containers/libreportal/frontend/core/forms/css/config.css @@ -306,7 +306,10 @@ .catalog-official-badge { position: absolute; left: 8px; - top: 50%; + /* +2px nudge: the input centres the badge on its box, but the single-line + text renders a hair low, so a pure 50% left the pill reading slightly high. + This lands it optically inline with the URL text. */ + top: calc(50% + 2px); transform: translateY(-50%); display: inline-flex; align-items: center;