From 65cb7bb0f8ae27645ae93c64bacbbea997a53757 Mon Sep 17 00:00:00 2001
From: Drew Haven <periodic@blazestar.net>
Date: Tue, 21 Apr 2026 16:41:34 -0700
Subject: [PATCH] Attempts to fix the code scrolling

---
 src/layouts/BlogPost.astro | 78 +++++++++++++++++++-------------------
 src/styles/global.css      |  1 +
 2 files changed, 39 insertions(+), 40 deletions(-)

diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro
index 5ca2279..40f4f6d 100644
--- a/src/layouts/BlogPost.astro
+++ b/src/layouts/BlogPost.astro
@@ -41,48 +41,46 @@ const { slug, title, description, pubDate, updatedDate, heroImage, tags } = Astr
   }
 </style>
 <RootLayout title={title} description={description}>
-		<main>
-      <NotchedBox fillNotches="left">
-			<article class="h-entry">
-				<div class="hero-image">
-					{heroImage && <Image width={1020} height={510} src={heroImage} alt="" />}
-				</div>
-				<div class="prose">
-          <div class="byline">
-            <div>
-              <time class="dt-published">{ pubDate && <FormattedDate date={pubDate} /> }</time>
-              by
-              <a class="p-author h-card u-url" href="https://www.blazestar.net">Periodic</a>
-            </div>
-            <div>
-              <a class="permalink u-url" href={`https://blazestar.net/blog/${slug}`}>Permalink</a>
-            </div>
+  <NotchedBox fillNotches="left">
+    <article class="h-entry">
+      <div class="hero-image">
+        {heroImage && <Image width={1020} height={510} src={heroImage} alt="" />}
+      </div>
+      <div class="prose">
+        <div class="byline">
+          <div>
+            <time class="dt-published">{ pubDate && <FormattedDate date={pubDate} /> }</time>
+            by
+            <a class="p-author h-card u-url" href="https://www.blazestar.net">Periodic</a>
+          </div>
+          <div>
+            <a class="permalink u-url" href={`https://blazestar.net/blog/${slug}`}>Permalink</a>
+          </div>
+          {
+            updatedDate && (
+              <div class="last-updated-on dt-updated">
+                Last updated on <FormattedDate date={updatedDate} />
+              </div>
+            )
+          }
+        </div>
+        <div class="title">
+          <h1 class="p-name">{title}</h1>
+        </div>
+        { tags &&
+          <div class="tags">
             {
-              updatedDate && (
-                <div class="last-updated-on dt-updated">
-                  Last updated on <FormattedDate date={updatedDate} />
-                </div>
+              tags.map(tag =>
+                <a href={`/blog/tag/${tag}`} >#{tag}</a>
               )
             }
           </div>
-					<div class="title">
-						<h1 class="p-name">{title}</h1>
-					</div>
-          { tags &&
-            <div class="tags">
-              {
-                tags.map(tag =>
-                  <a href={`/blog/tag/${tag}`} >#{tag}</a>
-                )
-              }
-            </div>
-          }
-          <hr />
-          <div class="e-content">
-					  <slot />
-          </div>
-				</div>
-      </article>
-    </NotchedBox>
-		</main>
+        }
+        <hr />
+        <div class="e-content">
+          <slot />
+        </div>
+      </div>
+    </article>
+  </NotchedBox>
 </RootLayout>
diff --git a/src/styles/global.css b/src/styles/global.css
index 8fc5e5b..cceda67 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -176,6 +176,7 @@ code {
 pre {
   padding: 1.5em;
   border-radius: 8px;
+  overflow: scroll;
 }
 pre > code {
   all: unset;