minor ui fixes

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"

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);

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);

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 {