#69 increase code-page section spacing to 32px (#123)

.forge/issues/fecc8df9-a06e-4483-ba8c-788883199fa9/issue.md+18 −0
diff --git a/.forge/issues/fecc8df9-a06e-4483-ba8c-788883199fa9/issue.md b/.forge/issues/fecc8df9-a06e-4483-ba8c-788883199fa9/issue.mdnew file mode 100644index 0000000..a8a8862--- /dev/null+++ b/.forge/issues/fecc8df9-a06e-4483-ba8c-788883199fa9/issue.md@@ -0,0 +1,18 @@1+---2+id: fecc8df9-a06e-4483-ba8c-788883199fa93+title: Increase code-page section spacing to 32px4+state: open5+labels:6+- area:render7+assignees: []8+milestone: null9+created: 2026-10-28T11:39:44.666458802Z10+updated: null11+---12+## Problem13+14+The #122 vertical rhythm is consistent, but 24px between major blocks now reads slightly tight on the code page.15+16+## Fix17+18+Bump only the major-block gap from `--s5` (24px) to `--s6` (32px), keeping it identical for every transition: navbar → repo header, repo header → Files, Files table → Languages, and Languages → README. Keep 12px heading→content and 8px bar→legend unchanged.
static/style.css+7 −6
diff --git a/static/style.css b/static/style.cssindex f40f831..4811183 100644--- a/static/style.css+++ b/static/style.css@@ -138,7 +138,7 @@ td code,th code{word-break:break-all}138138 td.title,td.sha{overflow-wrap:anywhere}139139 td.num{width:1%;white-space:nowrap}140140 /* Single-column stack; children keep DOM order. */141-.cols{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s5);min-width:0}141+.cols{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s6);min-width:0}142142 .cols>section,.cols>div{min-width:0}143143 /* Forms: full-width on mobile, >=40px touch targets. */144144 form{max-width:44rem;margin:1rem 0;min-width:0}@@ -285,15 +285,16 @@ details.clonebox:not([open]){padding-bottom:.25rem}285285 .clonebox .clone-body{margin:0}286286 .clonebox .clone-body>:first-child{margin-top:.75rem}287287 .clone-hint,.clonebox summary .muted{font-weight:400}288-/* Code page vertical rhythm (f0rge #122): one scale instead of browser289-   heading margins. 24px between major blocks, 12px heading -> content,290-   8px language bar -> legend. Scoped so markdown body flow is unchanged. */291-.repo-head{margin-top:var(--s5);margin-bottom:var(--s5);gap:var(--s3)}288+/* Code page vertical rhythm (f0rge #122/#123): one scale instead of289+   browser heading margins. 32px between major blocks, 12px heading ->290+   content, 8px language bar -> legend. Scoped so markdown body flow is291+   unchanged. */292+.repo-head{margin-top:var(--s6);margin-bottom:var(--s6);gap:var(--s3)}292293 .repo-head h1{margin:0}293294 .repo-head .clonebox{margin:0}294295 .code-files>h2,.code-readme>h2{margin:0 0 var(--s3)}295296 .code-files>.table-scroll{margin:0}296-.langs{margin:var(--s5) 0 0}297+.langs{margin:var(--s6) 0 0}297298 .langs>h2{margin:0 0 var(--s3)}298299 .lang-bar{margin:0}299300 .lang-legend{margin:var(--s2) 0 0}
tests/code_cols.rs+4 −5
diff --git a/tests/code_cols.rs b/tests/code_cols.rsindex 03c620d..59f2c8c 100644--- a/tests/code_cols.rs+++ b/tests/code_cols.rs@@ -148,15 +148,15 @@ fn code_tab_is_always_stacked() {148148 fn code_page_uses_one_vertical_rhythm() {149149     let css = css();150150     // f0rge #122: explicit code-page rhythm, not browser heading margins.151-    // 24px between major blocks, 12px heading -> content, 8px bar -> legend.151+    // 32px between major blocks, 12px heading -> content, 8px bar -> legend.152152     for rule in [153-        ".cols{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s5)",154-        ".repo-head{margin-top:var(--s5);margin-bottom:var(--s5);gap:var(--s3)}",153+        ".cols{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s6)",154+        ".repo-head{margin-top:var(--s6);margin-bottom:var(--s6);gap:var(--s3)}",155155         ".repo-head h1{margin:0}",156156         ".repo-head .clonebox{margin:0}",157157         ".code-files>h2,.code-readme>h2{margin:0 0 var(--s3)}",158158         ".code-files>.table-scroll{margin:0}",159-        ".langs{margin:var(--s5) 0 0}",159+        ".langs{margin:var(--s6) 0 0}",160160         ".langs>h2{margin:0 0 var(--s3)}",161161         ".lang-bar{margin:0}",162162         ".lang-legend{margin:var(--s2) 0 0}",163-- 2.56.0