admin: optically center the initials in the avatar
Assisted-by: GLM-5.3 via pi
change olkyomorxmvnyrrukrpnlvlrlvmkwvrl
commit 80e34cffac808365daf41705a741b385d9f15d6c
author Alpha Chen <alpha@kejadlen.dev>
date
parent lvlvwqyv
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