From 35303b55130b7ed955a23ed31d0430b4fe8e1e93 Mon Sep 17 00:00:00 2001
From: Ava Gaiety W <ava@wroten.me>
Date: Thu, 29 May 2025 15:40:26 -0600
Subject: [PATCH] header spacing cleanup

---
 _includes/blog-list.njk | 4 ++--
 _includes/content.njk   | 2 +-
 styles.css              | 2 ++
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/_includes/blog-list.njk b/_includes/blog-list.njk
index a70be99..b7fd0f7 100644
--- a/_includes/blog-list.njk
+++ b/_includes/blog-list.njk
@@ -2,11 +2,11 @@
 
 <main class="max-w-4xl mx-auto sm:px-6 lg:px-8">
   <div class="max-w-3x1 mx-auto mb-4 px-2 py-1 sm:rounded contrast-more:bg-base">
-    <div>
+    <div class="flex flex-col gap-2">
       <h1 class="text-5xl tracking-tight text-pink fancy-heading">
         {{ page.fileSlug | capitalize }}
       </h1>
-      <div class="mt-3 text-xl text-subtext1 sm:mt-4">
+      <div class="mt-0 text-xl text-subtext1">
         {{ description | markdown | safe }}
       </div>
     </div>
diff --git a/_includes/content.njk b/_includes/content.njk
index 055c5d3..1469ee7 100644
--- a/_includes/content.njk
+++ b/_includes/content.njk
@@ -5,7 +5,7 @@
     <div class="flex flex-wrap items-baseline">
       <h1 class="my-2 text-5xl tracking-tight fancy-heading">
         <span class="font-serif">{{ title }}</span>
-        <small class="inline-block h-1 text-xl text-text font-light">
+        <small class="inline-block h-1 mt-0 text-xl text-text font-light">
           in <a href="/{{tags[0]}}" class="link">{{ tags[0] | capitalize }}</a>
         </small>
       </h1>
diff --git a/styles.css b/styles.css
index 33bb0f5..cde95ce 100644
--- a/styles.css
+++ b/styles.css
@@ -106,6 +106,8 @@ pre {
   );
   background-clip: text;
   color: transparent;
+  padding-bottom: .25rem;
+  margin-bottom: -.25rem;
 
   .text-text {
     color: transparent !important;