From 0ae5842740bfa64d6606464a83e8d5927761275c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=83=AA=E3=82=AD=E8=90=8C?= <commits@liquidev.net>
Date: Thu, 21 Aug 2025 18:34:20 +0200
Subject: [PATCH] prevent doc page layout from blowing up in presence of <pre>

---
 static/css/doc.css  | 3 ++-
 static/css/main.css | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/static/css/doc.css b/static/css/doc.css
index 057e332..edd6fe9 100644
--- a/static/css/doc.css
+++ b/static/css/doc.css
@@ -7,6 +7,7 @@ main.doc {
 
     & .vertical-center {
         min-height: 100vh;
+        max-width: 100%; /* prevent from blowing up */
         flex-grow: 1;
 
         display: flex;
@@ -18,7 +19,7 @@ main.doc {
 
     & .doc-text {
         padding: 1.6rem;
-        max-width: var(--doc-text-width);
+        max-width: min(100%, var(--doc-text-width));
 
         line-height: 1.6;
 
diff --git a/static/css/main.css b/static/css/main.css
index 3496a30..25fcce3 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -7,7 +7,7 @@ body {
 
     display: grid;
     grid-template-columns:
-        [left] 1fr
+        [left] minmax(0, 1fr)
         [right] auto;
     grid-template-rows:
         [nav] auto