From e38756d521f39b5af18c697262a7dcb723c6fee3 Mon Sep 17 00:00:00 2001
From: Morten Olsen <fbtijfdq@void.black>
Date: Sat, 10 Jan 2026 08:46:49 +0100
Subject: [PATCH] minor ui fixes

---
 package.json                     | 2 +-
 src/components/page/Header.astro | 2 +-
 src/pages/index.astro            | 2 +-
 src/pages/posts/[id]/index.astro | 9 +++++++--
 4 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 960cd7b..62e3f3c 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,7 @@
     "canvas": "^3.2.0",
     "sharp": "^0.34.5"
   },
-  "packageManager": "pnpm@10.18.0",
+  "packageManager": "pnpm@10.27.0+sha512.72d699da16b1179c14ba9e64dc71c9a40988cbdc65c264cb0e489db7de917f20dcf4d64d8723625f2969ba52d4b7e2a1170682d9ac2a5dcaeaab732b7e16f04a",
   "devDependencies": {
     "less": "^4.4.2",
     "vite-plugin-pwa": "^1.2.0"
diff --git a/src/components/page/Header.astro b/src/components/page/Header.astro
index 1a45785..8615170 100644
--- a/src/components/page/Header.astro
+++ b/src/components/page/Header.astro
@@ -40,7 +40,7 @@ const links = {
 <style>
   .header {
     max-width: var(--content-width);
-    margin: 80px auto;
+    margin: 80px auto 0 auto;
     padding: 30px;
     display: grid;
     gap: var(--gap);
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 37487c2..d5bc4be 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -48,7 +48,7 @@ const jsonLd = await profile.getJsonLd();
 .main {
   padding: 30px;
   max-width: var(--content-width);
-  margin: auto;
+  margin: 80px auto;
   display: flex;
   flex-direction: column;
   gap: calc(var(--gap) * 3);
diff --git a/src/pages/posts/[id]/index.astro b/src/pages/posts/[id]/index.astro
index bfc814b..446cdce 100644
--- a/src/pages/posts/[id]/index.astro
+++ b/src/pages/posts/[id]/index.astro
@@ -139,6 +139,7 @@ const { Content } = await render(post);
   }
 
   .content {
+    max-width: 100vw;
     grid-area: content;
     padding: var(--space-xl);
     padding-left: var(--left-padding);
@@ -209,8 +210,11 @@ const { Content } = await render(post);
       padding-bottom: var(--space-md);
     }
 
-    code {
+    pre {
+      max-width: 100%;
+      overflow-x: auto;
       font-family: monospace;
+      padding: var(--space-lg);
     }
   }
 
@@ -226,7 +230,7 @@ const { Content } = await render(post);
 
     article picture {
       position: absolute;
-      z-index: -1;
+      z-index: 0;
       height: 80vh;
     }
 
@@ -239,6 +243,7 @@ const { Content } = await render(post);
     header {
       padding: var(--space-xl);
       height: 80vh;
+      z-index: 1;
     }
 
     h1 {