From ca6b2e18819b1bde0cb32d56ef5ca7dc83c9ebee Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <hi@coryd.dev>
Date: Mon, 20 May 2024 13:35:02 -0700
Subject: [PATCH] fix: spacing

---
 package-lock.json                    | 4 ++--
 package.json                         | 2 +-
 src/assets/styles/base/index.css     | 2 +-
 src/assets/styles/pages/watching.css | 1 +
 src/pages/main/watching/index.html   | 8 ++++----
 5 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index b8561265..cb2fe695 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "16.5.0",
+  "version": "16.5.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "16.5.0",
+      "version": "16.5.1",
       "license": "MIT",
       "dependencies": {
         "@cdransf/api-text": "^1.2.2",
diff --git a/package.json b/package.json
index da394397..9b9a047e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "16.5.0",
+  "version": "16.5.1",
   "description": "The source for my personal site. Built using 11ty.",
   "type": "module",
   "scripts": {
diff --git a/src/assets/styles/base/index.css b/src/assets/styles/base/index.css
index bcda7850..8abc9dd1 100644
--- a/src/assets/styles/base/index.css
+++ b/src/assets/styles/base/index.css
@@ -156,7 +156,7 @@ h6 { font-size: var(--font-size-xs) }
 }
 
 .section-header {
-  margin: var(--sizing-3xl) 0 var(--sizing-lg);
+  margin: var(--sizing-xl) 0 var(--sizing-lg);
 
   &.reduced-margin {
     margin: var(--sizing-md) 0 var(--sizing-lg);
diff --git a/src/assets/styles/pages/watching.css b/src/assets/styles/pages/watching.css
index 76e839b1..70ce6a5e 100644
--- a/src/assets/styles/pages/watching.css
+++ b/src/assets/styles/pages/watching.css
@@ -51,6 +51,7 @@
     display: grid;
     gap: var(--sizing-sm);
     grid-template-columns: repeat(2,minmax(0,1fr));
+    margin-bottom: var(--sizing-base);
 
     & a,
     & div {
diff --git a/src/pages/main/watching/index.html b/src/pages/main/watching/index.html
index dacd41c3..6980b6e5 100644
--- a/src/pages/main/watching/index.html
+++ b/src/pages/main/watching/index.html
@@ -11,21 +11,21 @@ schema: watching
 <p>Here's all of the TV and movies I've been watching presented in what is (hopefully) an organized fashion. You can also take a look at the <a href="/watching/movies-to-watch">movies</a> and <a href="/watching/shows-to-watch">shows</a> I'm planning to watch.</p>
 {% render "partials/banners/rss.liquid", url: "https://feedpress.me/coryd-movies", text: "Subscribe to my movies feed or follow along on this page" %}
 <a class="link-icon flex-centered" href="/recent/movies">
-  <h2 id="movies" class="section-header flex-centered">
+  <h2 id="movies" class="section-header reduced-margin flex-centered">
     {% tablericon "movie" "Recent movies" %}
     Recent movies
   </h2>
 </a>
 {% render "partials/media/grid.liquid", data:movies.recentlyWatched, shape: "vertical", count: 6 %}
 <a class="link-icon flex-centered" href="/recent/shows">
-  <h2 id="tv" class="section-header flex-centered">
+  <h2 id="tv" class="section-header reduced-margin flex-centered">
     {% tablericon "device-tv" "Recent shows" %}
     Recent shows
   </h2>
 </a>
 {% render "partials/media/grid.liquid", data:tv.recentlyWatched, shape: "vertical", count: 6 %}
 <a class="link-icon flex-centered" href="/watching/favorite-movies">
-  <h2 class="section-header flex-centered">
+  <h2 id="favorite-movies" class="section-header reduced-margin flex-centered">
     {% tablericon "star" "Favorite movies" %}
     Favorite movies
   </h2>
@@ -33,7 +33,7 @@ schema: watching
 {% assign favoriteMovies = movies.favorites | featuredWatching: 6 %}
 {% render "partials/media/watching/backdrop-grid.liquid", mediaItems:favoriteMovies, count: 6 %}
 <a class="link-icon flex-centered" href="/watching/favorite-shows">
-  <h2 class="section-header flex-centered">
+  <h2 id="favorite-shows" class="section-header reduced-margin flex-centered">
     {% tablericon "star" "Favorite shows" %}
     Favorite shows
   </h2>