Webstar/LibrePortal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(webui/config): nudge the "Official" catalog badge inline with the URL text

Browse Source 
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) <noreply@anthropic.com>
Signed-off-by: librelad <librelad@digitalangels.vip>
This commit is contained in:
librelad 2026-07-06 23:25:46 +01:00
parent 6b83fa34ad
commit 8aae1bde4f
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
containers/libreportal/frontend/core/forms/css/config.css
View File

@ -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;