From 20038e290a73c4dbea4fa8eb8b9dae4f11e10971 Mon Sep 17 00:00:00 2001
From: wholteza <zackarias@montell.se>
Date: Sat, 20 Sep 2025 20:55:21 +0200
Subject: [PATCH] Fix width of pre element

---
 packages/@zblog/toolchain/src/markdown-parser.ts |  2 +-
 src/templates/note.html                          | 10 ++++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/packages/@zblog/toolchain/src/markdown-parser.ts b/packages/@zblog/toolchain/src/markdown-parser.ts
index ae5ab8b..9a7e36c 100644
--- a/packages/@zblog/toolchain/src/markdown-parser.ts
+++ b/packages/@zblog/toolchain/src/markdown-parser.ts
@@ -901,7 +901,7 @@ export const toHtml = (markdown: string, assetDirectory: string): string => {
     // .filter((s) => !(s instanceof JustALineBreak))
     .map((s) => s.render())
     .join("");
-  return `<div>${html}</div>`;
+  return `<div class="content">${html}</div>`;
 };
 
 /**
diff --git a/src/templates/note.html b/src/templates/note.html
index 57bb009..0003d97 100644
--- a/src/templates/note.html
+++ b/src/templates/note.html
@@ -23,12 +23,16 @@
       display: flex;
       flex-direction: column;
       align-items: center;
+      flex: 1;
     }
 
     pre {
       box-sizing: border-box;
       border: 1px solid #00FFFF;
       padding: 1rem;
+      width: fit-content;
+      max-width: 100%;
+      white-space: normal;
     }
 
     img {
@@ -121,6 +125,12 @@
     a {
       color: #00FFFF;
     }
+
+    .content {
+      display: flex;
+      flex-direction: column;
+      flex: 1;
+    }
   </style>
 </head>