1 From dc2501b53995d6d548684ad0beea55b565bd0ff8 Mon Sep 17 00:00:00 20012 From: gl0w <gl0w@world>3 Date: Wed, 28 Oct 2026 11:41:11 +00004 Subject: [PATCH] increase code-page section spacing to 32px (#123)5 6 ---7  .../issue.md                                   | 18 ++++++++++++++++++8  static/style.css                               | 13 +++++++------9  tests/code_cols.rs                             |  8 ++++----10  3 files changed, 29 insertions(+), 10 deletions(-)11  create mode 100644 .forge/issues/fecc8df9-a06e-4483-ba8c-788883199fa9/issue.md12 13 diff --git a/.forge/issues/fecc8df9-a06e-4483-ba8c-788883199fa9/issue.md b/.forge/issues/fecc8df9-a06e-4483-ba8c-788883199fa9/issue.md14 new file mode 10064415 index 0000000..a8a886216 --- /dev/null17 +++ b/.forge/issues/fecc8df9-a06e-4483-ba8c-788883199fa9/issue.md18 @@ -0,0 +1,18 @@19 +---20 +id: fecc8df9-a06e-4483-ba8c-788883199fa921 +title: Increase code-page section spacing to 32px22 +state: open23 +labels:24 +- area:render25 +assignees: []26 +milestone: null27 +created: 2026-10-28T11:39:44.666458802Z28 +updated: null29 +---30 +## Problem31 +32 +The #122 vertical rhythm is consistent, but 24px between major blocks now reads slightly tight on the code page.33 +34 +## Fix35 +36 +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.37 diff --git a/static/style.css b/static/style.css38 index f40f831..4811183 10064439 --- a/static/style.css40 +++ b/static/style.css41 @@ -138,7 +138,7 @@ td code,th code{word-break:break-all}42  td.title,td.sha{overflow-wrap:anywhere}43  td.num{width:1%;white-space:nowrap}44  /* Single-column stack; children keep DOM order. */45 -.cols{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s5);min-width:0}46 +.cols{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s6);min-width:0}47  .cols>section,.cols>div{min-width:0}48  /* Forms: full-width on mobile, >=40px touch targets. */49  form{max-width:44rem;margin:1rem 0;min-width:0}50 @@ -285,15 +285,16 @@ details.clonebox:not([open]){padding-bottom:.25rem}51  .clonebox .clone-body{margin:0}52  .clonebox .clone-body>:first-child{margin-top:.75rem}53  .clone-hint,.clonebox summary .muted{font-weight:400}54 -/* Code page vertical rhythm (f0rge #122): one scale instead of browser55 -   heading margins. 24px between major blocks, 12px heading -> content,56 -   8px language bar -> legend. Scoped so markdown body flow is unchanged. */57 -.repo-head{margin-top:var(--s5);margin-bottom:var(--s5);gap:var(--s3)}58 +/* Code page vertical rhythm (f0rge #122/#123): one scale instead of59 +   browser heading margins. 32px between major blocks, 12px heading ->60 +   content, 8px language bar -> legend. Scoped so markdown body flow is61 +   unchanged. */62 +.repo-head{margin-top:var(--s6);margin-bottom:var(--s6);gap:var(--s3)}63  .repo-head h1{margin:0}64  .repo-head .clonebox{margin:0}65  .code-files>h2,.code-readme>h2{margin:0 0 var(--s3)}66  .code-files>.table-scroll{margin:0}67 -.langs{margin:var(--s5) 0 0}68 +.langs{margin:var(--s6) 0 0}69  .langs>h2{margin:0 0 var(--s3)}70  .lang-bar{margin:0}71  .lang-legend{margin:var(--s2) 0 0}72 diff --git a/tests/code_cols.rs b/tests/code_cols.rs73 index 03c620d..59f2c8c 10064474 --- a/tests/code_cols.rs75 +++ b/tests/code_cols.rs76 @@ -148,15 +148,15 @@ fn code_tab_is_always_stacked() {77  fn code_page_uses_one_vertical_rhythm() {78      let css = css();79      // f0rge #122: explicit code-page rhythm, not browser heading margins.80 -    // 24px between major blocks, 12px heading -> content, 8px bar -> legend.81 +    // 32px between major blocks, 12px heading -> content, 8px bar -> legend.82      for rule in [83 -        ".cols{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s5)",84 -        ".repo-head{margin-top:var(--s5);margin-bottom:var(--s5);gap:var(--s3)}",85 +        ".cols{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s6)",86 +        ".repo-head{margin-top:var(--s6);margin-bottom:var(--s6);gap:var(--s3)}",87          ".repo-head h1{margin:0}",88          ".repo-head .clonebox{margin:0}",89          ".code-files>h2,.code-readme>h2{margin:0 0 var(--s3)}",90          ".code-files>.table-scroll{margin:0}",91 -        ".langs{margin:var(--s5) 0 0}",92 +        ".langs{margin:var(--s6) 0 0}",93          ".langs>h2{margin:0 0 var(--s3)}",94          ".lang-bar{margin:0}",95          ".lang-legend{margin:var(--s2) 0 0}",96 -- 97 2.56.098