From 9d87211eda7ce115a297bb6ce387e231d6262b18 Mon Sep 17 00:00:00 2001 From: fen Date: Thu, 10 Sep 2026 12:10:53 -0500 Subject: [PATCH] Fix #167: mobile gutter row height follows mobile code font-size The mobile media query overrides .code font-size to 13px, so the blank gutter row height must match (13px x 1.7), not the desktop metric. --- internal/web/static/app.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/internal/web/static/app.css b/internal/web/static/app.css index b158596..35c2875 100644 --- a/internal/web/static/app.css +++ b/internal/web/static/app.css @@ -824,3 +824,10 @@ button[type="submit"]:focus-visible, .created-banner { display: block; } /* #167: gutter rows for wrapped paste view — one row per visual code line */ .gutline { display: block; } +/* #167: blank gutter rows must be exactly one code line tall so numbers sit + on each wrapped line's first row. Desktop uses the code font vars; the + mobile media query overrides .code font-size to 13px, mirrored here. */ +.code .gutter .gutline { height: calc(var(--code-fs) * var(--code-lh)); } +@media (max-width: 640px) { + .code .gutter .gutline { height: calc(13px * 1.7); } +}