From 86ef139a1d4a7be33d19e5416ba0a892bc4b79e3 Mon Sep 17 00:00:00 2001
From: Russell Ballestrini <russell@unturf.com>
Date: Sat, 11 Oct 2025 09:01:05 -0400
Subject: [PATCH] simplify code block width to 80vw for all screen sizes

---
 src/uncloseai-modal-builtin.css | 14 ++------------
 src/uncloseai-modal-pico.css    | 14 ++------------
 2 files changed, 4 insertions(+), 24 deletions(-)

diff --git a/src/uncloseai-modal-builtin.css b/src/uncloseai-modal-builtin.css
index b713fa0..d2c6ba1 100644
--- a/src/uncloseai-modal-builtin.css
+++ b/src/uncloseai-modal-builtin.css
@@ -1122,21 +1122,11 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .uncloseai-chat-box {
 /* Code blocks within AI messages - allow horizontal scroll, preserve all whitespace */
 .ai-message pre {
   overflow-x: auto;
-  max-width: min(400px, 85vw);
+  max-width: 80vw;
 }
 
 .ai-message code {
-  max-width: min(400px, 85vw);
-}
-
-@media (min-width: 768px) {
-  .ai-message pre {
-    max-width: min(850px, 70vw);
-  }
-
-  .ai-message code {
-    max-width: min(850px, 70vw);
-  }
+  max-width: 80vw;
 }
 
 .message-text {
diff --git a/src/uncloseai-modal-pico.css b/src/uncloseai-modal-pico.css
index 33c3e13..bd1b48e 100644
--- a/src/uncloseai-modal-pico.css
+++ b/src/uncloseai-modal-pico.css
@@ -1195,21 +1195,11 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .uncloseai-chat-box {
 /* Code blocks within AI messages - allow horizontal scroll, preserve all whitespace */
 .ai-message pre {
   overflow-x: auto;
-  max-width: min(400px, 85vw);
+  max-width: 80vw;
 }
 
 .ai-message code {
-  max-width: min(400px, 85vw);
-}
-
-@media (min-width: 768px) {
-  .ai-message pre {
-    max-width: min(850px, 70vw);
-  }
-
-  .ai-message code {
-    max-width: min(850px, 70vw);
-  }
+  max-width: 80vw;
 }
 
 .message-text {