From 6c7d4877d87a4d59377ac1347c7a4cccf31ff804 Mon Sep 17 00:00:00 2001
From: "user@node5.net" <user@node5.net>
Date: Tue, 16 Sep 2025 22:58:16 +0200
Subject: Style - Fix page width on small viewport

---
 blog.node5.net/static/main.css     | 9 +++++++++
 blog.node5.net/templates/base.html | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/blog.node5.net/static/main.css b/blog.node5.net/static/main.css
index 8655ae8..e24ec17 100644
--- a/blog.node5.net/static/main.css
+++ b/blog.node5.net/static/main.css
@@ -151,3 +151,12 @@ body:before {
     transform: scale(1); /* Adjust scale as needed */
     filter: blur(1em);
 }
+
+pre:not(#comments) {
+  overflow: auto;
+  width: 100%;
+  display: inline-block;
+  border: 1px solid;
+  padding: 2px;
+  background: #111;
+}
diff --git a/blog.node5.net/templates/base.html b/blog.node5.net/templates/base.html
index 71335a5..23e4bf2 100644
--- a/blog.node5.net/templates/base.html
+++ b/blog.node5.net/templates/base.html
@@ -52,7 +52,7 @@
 
     {{ comments_sql | safe }}
     {% if comments and comments|length > 0 %}<pre id="comments">
-{{ comments }}
+<pre>{{ comments }}</pre>
     </pre>{% else %}*No comments*{% endif %}
 
 </div>
-- 
cgit 1.4.1