From 21c771cf24aa0b71703039682febddef94797ccc Mon Sep 17 00:00:00 2001 From: Ilia Mashkov Date: Tue, 14 Jul 2026 15:59:19 +0300 Subject: [PATCH] fix(theme): center list bullets on text optical centre --- src/shared/styles/theme.css | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/src/shared/styles/theme.css b/src/shared/styles/theme.css index 1ce1b34..3d548d5 100644 --- a/src/shared/styles/theme.css +++ b/src/shared/styles/theme.css @@ -400,9 +400,8 @@ .rich-text ul li::before { content: ""; display: inline-block; - /* 0.5em glyph + 1em gap = 1.5em advance, filling the hanging indent */ - width: 0.5em; - height: 0.5em; + width: 0.4em; + height: 0.4em; margin-right: 1em; /* reset inherited text-indent so the box isn't shifted */ text-indent: 0; @@ -411,7 +410,10 @@ border-radius: 30%; /* biome-ignore lint/correctness/noUnknownProperty: corner-shape is valid CSS, newer than Biome's property list */ corner-shape: squircle; + /* Nudge up off the x-height midpoint so the bullet sits on the text's + * optical centre; em-relative so it scales with the text. */ vertical-align: middle; + transform: translateY(-0.1em); } /* Cross-section view transition (navigation between sections) */