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.
2026-09-10 12:12:05 -05:00
parent d77f1faf67
commit 9d87211eda
1 changed files with 7 additions and 0 deletions
@@ -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); }
+}