diff options
| author | Tyler Hoang <tyler@tylerhoang.xyz> | 2026-05-07 00:30:47 -0700 |
|---|---|---|
| committer | Tyler Hoang <tyler@tylerhoang.xyz> | 2026-05-07 00:30:47 -0700 |
| commit | 9f82415366e6220651351007c2dc0ef21df7ff85 (patch) | |
| tree | e5ab683eccde98393171bb1077f271c959a0afac | |
| parent | 23cda7b01e4b6022d8f40938c8193eac57a5a842 (diff) | |
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>
| -rw-r--r-- | static/styles.css | 3 | ||||
| -rw-r--r-- | 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 %} |