From ee5b2f6e0933957883006b6d67b2e738657933bc Mon Sep 17 00:00:00 2001
From: Benjamin <benjamin@cartememoire.org>
Date: Wed, 1 Jul 2026 11:56:22 +0200
Subject: [PATCH] Fixed another CSS problems

---
 resources/css/base/reset.css        |  3 ++-
 resources/css/layout/content.css    |  1 +
 resources/css/layout/entry.css      | 14 ++++++++++++++
 resources/css/layout/responsive.css |  1 +
 4 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/resources/css/base/reset.css b/resources/css/base/reset.css
index 53bf823..7c29881 100644
--- a/resources/css/base/reset.css
+++ b/resources/css/base/reset.css
@@ -9,7 +9,8 @@ body {
     background-color: var(--bg);
     color: var(--text);
     display: flex;
-    height: 100vh;
+    height: 100dvh;
+    min-height: 100dvh;
     overflow: hidden;
 }
 
diff --git a/resources/css/layout/content.css b/resources/css/layout/content.css
index f4dbf3f..c95fbf5 100644
--- a/resources/css/layout/content.css
+++ b/resources/css/layout/content.css
@@ -3,6 +3,7 @@
     display: flex;
     flex-direction: column;
     overflow: hidden;
+    min-height: 0;
 }
 
 #topbar {
diff --git a/resources/css/layout/entry.css b/resources/css/layout/entry.css
index 021fa0a..462cbdc 100644
--- a/resources/css/layout/entry.css
+++ b/resources/css/layout/entry.css
@@ -102,6 +102,20 @@
         color: var(--text);
         margin-bottom: 30px;
         word-break: break-word;
+
+        pre {
+            max-width: 100%;
+            overflow-x: auto;
+            white-space: pre-wrap;
+            word-break: break-word;
+            padding: 12px;
+            border-radius: 6px;
+        }
+
+        code {
+            white-space: pre-wrap;
+            word-break: break-word;
+        }
     }
 
     .entry-gallery {
diff --git a/resources/css/layout/responsive.css b/resources/css/layout/responsive.css
index 8af224f..6d27436 100644
--- a/resources/css/layout/responsive.css
+++ b/resources/css/layout/responsive.css
@@ -10,6 +10,7 @@
         top: 60px;
         height: calc(100dvh - 60px);
         max-height: calc(100dvh - 60px);
+        min-height: 0;
         transform: translateX(-100%);
         transition: transform 0.3s ease-in-out;
         z-index: 999;