From 85f91aed49234f39ac80795a5d82a0e416fe38a8 Mon Sep 17 00:00:00 2001
From: Kenneth <kennethnym@hey.com>
Date: Wed, 6 Aug 2025 01:18:08 +0100
Subject: [PATCH] fix book read layout header overlap on mobile

---
 src/layouts/BookRead.astro | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/layouts/BookRead.astro b/src/layouts/BookRead.astro
index 7da72a4..9b00483 100644
--- a/src/layouts/BookRead.astro
+++ b/src/layouts/BookRead.astro
@@ -19,10 +19,10 @@ const { title, author, goodReadLink } = Astro.props;
 		class="w-full reads -z-2 bg-stone-200 dark:bg-stone-900 flex justify-center dark:text-stone-300 pt-20 md:py-40"
 	>
 		<header
-			class="fixed scroll-to-blur w-full -z-1 top-0 left-0 right-0 flex justify-center py-12"
+			class="fixed scroll-to-blur w-full -z-1 top-0 left-0 right-0 flex justify-center"
 		>
 			<div
-				class="w-full max-w-[calc(65ch+var(--spacing)*24)] px-8 md:px-12 py-4 opacity-80"
+				class="w-full max-w-[calc(65ch+var(--spacing)*24)] px-8 md:px-12 py-4 md:py-12 opacity-80"
 			>
 				<h1 class="font-bold text-sm">Kenneth's Read</h1>
 				<h2 class="text-sm">Quotes and notes from my readings.</h2>