From 9f82415366e6220651351007c2dc0ef21df7ff85 Mon Sep 17 00:00:00 2001
From: Tyler Hoang <tyler@tylerhoang.xyz>
Date: Thu, 7 May 2026 00:30:47 -0700
Subject: Fix year-review panel spacing

Add margin-top to highlights section to match grid gap (24px). Remove margin-bottom from review-panel and rely on grid gap for internal spacing.

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
---
 static/styles.css          | 3 +--
 templates/year_review.html | 2 +-
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/static/styles.css b/static/styles.css
index 34d8261..9507439 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -881,7 +881,7 @@ textarea:focus {
 .review-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 18px;
+  gap: 24px;
 }
 
 .review-panel {
@@ -889,7 +889,6 @@ textarea:focus {
   border-radius: 8px;
   background: var(--panel);
   padding: 18px;
-  margin-bottom: 24px;
 }
 
 .review-panel-wide {
diff --git a/templates/year_review.html b/templates/year_review.html
index 0a738e5..2a75f5b 100644
--- a/templates/year_review.html
+++ b/templates/year_review.html
@@ -111,7 +111,7 @@
       </article>
     </section>
 
-    <section class="review-panel">
+    <section class="review-panel" style="margin-top: 24px;">
       <p class="eyebrow">Highlights</p>
       <div class="highlight-grid">
         {% if highlight_films.highest_rated %}
-- 
cgit v1.3-2-g0d8e