admin: optically center the initials in the avatar
Assisted-by: GLM-5.3 via pi
diff --git a/public/admin.css b/public/admin.css
index 6d19f2b..e0764d0 100644
--- a/public/admin.css
+++ b/public/admin.css
@@ -564,11 +564,15 @@ img.avatar {
them — the same pairing the xl rule below makes at its scale.
line-height 1, because the base sheet's 1.55 is inherited here and
flex centers the line box it grows, not the glyphs; initials are
- the only text an avatar holds, at this the only size they render. */
+ the only text an avatar holds, at this the only size they render.
+ And a hair of left padding, because the centering is exact against
+ the text's advance width — whose trailing side bearing reads as
+ blank — so the ink sits a touch left of the circle's middle. */
.avatar[data-size="lg"] {
--_size: 2.5rem;
font-size: var(--gl-step--1);
line-height: 1;
+ padding-left: 0.125rem;
}
/* The detail header's avatar, one step past Gloss's scale — its lg is