From 0ede23a4db1021164fa8e5bc0c8688a2b55bca69 Mon Sep 17 00:00:00 2001
From: Russell Ballestrini <russell@unturf.com>
Date: Sat, 11 Oct 2025 09:11:43 -0400
Subject: [PATCH] fix code block width - use 72vw for desktop, 85vw for mobile

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

diff --git a/src/uncloseai-modal-builtin.css b/src/uncloseai-modal-builtin.css
index d2c6ba1..6b0cbb1 100644
--- a/src/uncloseai-modal-builtin.css
+++ b/src/uncloseai-modal-builtin.css
@@ -1122,11 +1122,22 @@ 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: 80vw;
+  max-width: 72vw;
 }
 
 .ai-message code {
-  max-width: 80vw;
+  max-width: 72vw;
+}
+
+/* Mobile: use viewport units since modal is fullscreen */
+@media (max-width: 768px) {
+  .ai-message pre {
+    max-width: 85vw;
+  }
+
+  .ai-message code {
+    max-width: 85vw;
+  }
 }
 
 .message-text {
diff --git a/src/uncloseai-modal-pico.css b/src/uncloseai-modal-pico.css
index bd1b48e..0291937 100644
--- a/src/uncloseai-modal-pico.css
+++ b/src/uncloseai-modal-pico.css
@@ -1195,11 +1195,22 @@ 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: 80vw;
+  max-width: 72vw;
 }
 
 .ai-message code {
-  max-width: 80vw;
+  max-width: 72vw;
+}
+
+/* Mobile: use viewport units since modal is fullscreen */
+@media (max-width: 768px) {
+  .ai-message pre {
+    max-width: 85vw;
+  }
+
+  .ai-message code {
+    max-width: 85vw;
+  }
 }
 
 .message-text {