From 53d280ddcf4e8e646f1f1f421c5ee396ddede351 Mon Sep 17 00:00:00 2001
From: Vinta Chen <vinta.chen@gmail.com>
Date: Sun, 22 Mar 2026 15:37:59 +0800
Subject: [PATCH] fix(css): scope final-cta grid to inner section-shell wrapper

Move display:grid and gap from .final-cta to .final-cta > .section-shell
so the grid context is applied to the correct container element, not the
outer section. Wrap final-cta content in index.html with a section-shell
div accordingly. Also fix .no-results bottom padding that was missing.

Co-Authored-By: Claude <noreply@anthropic.com>
---
 website/static/style.css     | 5 ++++-
 website/templates/index.html | 4 +++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/website/static/style.css b/website/static/style.css
index 78a2c73d..98fa665b 100644
--- a/website/static/style.css
+++ b/website/static/style.css
@@ -831,7 +831,7 @@ th[data-sort].sort-asc::after {
 }
 
 .no-results {
-  padding: 2.4rem var(--shell-pad) 0;
+  padding: 2.4rem var(--shell-pad);
   text-align: center;
   color: var(--ink-muted);
   font-size: var(--text-lg);
@@ -860,6 +860,9 @@ th[data-sort].sort-asc::after {
 .final-cta {
   padding-block: clamp(3rem, 7vw, 5.5rem);
   background: oklch(94% 0.025 72);
+}
+
+.final-cta > .section-shell {
   display: grid;
   gap: 1rem;
 }
diff --git a/website/templates/index.html b/website/templates/index.html
index d365de95..6abd906a 100644
--- a/website/templates/index.html
+++ b/website/templates/index.html
@@ -243,7 +243,8 @@
   </div>
 </section>
 
-<section class="final-cta section-shell" data-reveal>
+<section class="final-cta" data-reveal>
+<div class="section-shell">
   <p class="section-label">Contribute</p>
   <h2>Know a project that belongs here?</h2>
   <p>Tell us what it does and why it stands out.</p>
@@ -263,5 +264,6 @@
       >Star the repository</a
     >
   </div>
+</div>
 </section>
 {% endblock %}