FlightScore/PenaltyTracker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Nudge the WS status dot up 1px to line up with its label

Browse Source 
top: 1px pushed the dot the wrong way; the label's glyphs sit slightly
above the flex centre line, so the dot needs to move up, not down, to
match.
This commit is contained in:
CodingPhoenix
2026-09-06 06:26:18 +02:00
parent 93a81fd82c
commit ddaeccbea9
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/style.css
+4 -3
View File
@@ -399,9 +399,10 @@ tbody tr.transferred { background: #f3f6fb; }
font-size: 0.85rem; font-size: 0.85rem;
line-height: 1; line-height: 1;
} }
/* Optically drop the dot ~1px: an all-caps label (Online/Offline) has /* Nudge the dot up ~1px: the label (Online/Offline) has unused descender
unused descender space, so its glyphs sit above the flex centre line. */ space, so its glyphs sit above the flex centre line while the dot is
.ws-indicator .connection-status { position: relative; top: 1px; } dead-centred — lifting the dot lines the two up optically. */
.ws-indicator .connection-status { position: relative; top: -1px; }
.btn-back { .btn-back {
display: inline-flex; display: inline-flex;