From d5c61d469bf80846596159df64588f3a52c474c9 Mon Sep 17 00:00:00 2001 From: Vinta Chen Date: Wed, 21 Oct 2026 23:46:14 +0800 Subject: [PATCH] style: shrink the gaps above the table and the category guide The table section started 72px below the sponsor band, and a one-line order note sat at the bottom of its grid row beside the two-line search hint, so category pages put 97px above the first text. The guide band put 81px above its heading. Both now use the page's side gutter. Co-Authored-By: Claude --- website/static/style.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/website/static/style.css b/website/static/style.css index 412af329..3445b541 100644 --- a/website/static/style.css +++ b/website/static/style.css @@ -590,7 +590,7 @@ kbd { } .guide-band { - padding-block: clamp(3rem, 7vw, 5.5rem); + padding-block: calc(var(--shell-pad) * 1.2) clamp(3rem, 7vw, 5.5rem); background: linear-gradient(140deg, var(--hero-bg-start) 0%, var(--hero-bg-mid) 58%, var(--hero-bg-end) 100%); color: var(--hero-text); } @@ -737,7 +737,7 @@ kbd { } .results-section { - padding-block: clamp(2.5rem, 6vw, 4.5rem) 0; + padding-block: var(--shell-pad) 0; contain: layout style; } @@ -750,6 +750,7 @@ kbd { } .order-note { + align-self: start; color: var(--ink-soft); font-size: var(--text-base); }