From c5be9b3bf6ae94c14114ad9b3992c58d6cca09ed Mon Sep 17 00:00:00 2001
From: sa6anw <joakim@joasve.se>
Date: Sat, 19 Apr 2025 09:24:23 +0000
Subject: [PATCH] Film

---
 docs/extra.css | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/docs/extra.css b/docs/extra.css
index 4d50f4f..f6d0af5 100644
--- a/docs/extra.css
+++ b/docs/extra.css
@@ -1,16 +1,16 @@
 .ascii-wrapper {
-    width: 50%;
+    width: 100%;
     overflow-x: auto;
-    -webkit-overflow-scrolling: touch; /* för smooth scroll på mobil */
+    -webkit-overflow-scrolling: touch;
+    text-align: center; /* centrerar inline-block-barnet */
+    padding: 1rem 0;
 }
 
 .ascii-wrapper pre {
-    display: table;             /* Gör att den bara tar så mycket plats som behövs */
-    max-width: 100%;            /* Begränsa till förälderns bredd */
-    margin: 0 auto;             /* Centrerar innehållet */
-}
-
-.ascii-wrapper code {
-    white-space: pre;           /* Bevara mellanrum och radbrytningar */
-    font-size: 1em;             /* Behåll läsbar storlek */
-}
+    display: inline-block; /* gör så att max-width fungerar */
+    max-width: 100%;
+    font-size: clamp(0.65rem, 1vw + 0.3rem, 1rem); /* skalar mjukt från små till stora skärmar */
+    line-height: 1.2;
+    white-space: pre;
+    margin: 0;
+}
\ No newline at end of file