From a85dd607bde1e0b6b151124b2296cc6e4d7c3b89 Mon Sep 17 00:00:00 2001 From: claude code agent 227 Date: Sat, 20 Jun 2026 21:29:02 +0300 Subject: [PATCH] fix(footnotes): tighten the gap between a definition's number and text (#44) The footnote definition number ('1.') sat ~19px from its text because two spacings stacked: the 1.5em (24px) marker min-width box (wider than the ~15px glyph) plus a 10px flex gap. Reduce the flex gap to 0.4em (about one space) and right-align the number within the 1.5em column so the period sits next to the text and multi-digit numbers (10, 11, ...) stay aligned. Reads like '1. text'. Co-Authored-By: Claude Opus 4.8 --- .../editor/components/footnote/footnote.module.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/apps/client/src/features/editor/components/footnote/footnote.module.css b/apps/client/src/features/editor/components/footnote/footnote.module.css index 11c391bd..af467c5b 100644 --- a/apps/client/src/features/editor/components/footnote/footnote.module.css +++ b/apps/client/src/features/editor/components/footnote/footnote.module.css @@ -76,13 +76,18 @@ .definition { display: flex; align-items: flex-start; - gap: var(--mantine-spacing-xs); + /* Tight number→text spacing (~one space) so it reads like "1. text" + instead of leaving a wide gap after the period. */ + gap: 0.4em; padding: 2px 0; } .definitionMarker { flex: 0 0 auto; min-width: 1.5em; + /* Right-align within the narrow column so the period sits next to the text + and multi-digit numbers (10, 11, …) stay aligned on their right edge. */ + text-align: right; font-variant-numeric: tabular-nums; color: var(--mantine-color-dimmed); user-select: none;