From 8f2395f7ceb38ce9ec352df2f0be68317a9d9bf7 Mon Sep 17 00:00:00 2001
From: Russell Ballestrini <russell@unturf.com>
Date: Sat, 11 Oct 2025 08:35:51 -0400
Subject: [PATCH] Revert "change code blocks to use 100% width with box-sizing"

This reverts commit 3192a9a75b84cbdcec1b6c811674b71e5a00ebcb.
---
 src/uncloseai-modal-builtin.css | 16 ++++++++++++----
 src/uncloseai-modal-pico.css    | 16 ++++++++++++----
 2 files changed, 24 insertions(+), 8 deletions(-)

diff --git a/src/uncloseai-modal-builtin.css b/src/uncloseai-modal-builtin.css
index 4a786df..f7d27a9 100644
--- a/src/uncloseai-modal-builtin.css
+++ b/src/uncloseai-modal-builtin.css
@@ -1122,13 +1122,21 @@ 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: 100%;
-  box-sizing: border-box;
+  max-width: 340px;
 }
 
 .ai-message code {
-  max-width: 100%;
-  box-sizing: border-box;
+  max-width: 340px;
+}
+
+@media (min-width: 768px) {
+  .ai-message pre {
+    max-width: 720px;
+  }
+
+  .ai-message code {
+    max-width: 720px;
+  }
 }
 
 .message-text {
diff --git a/src/uncloseai-modal-pico.css b/src/uncloseai-modal-pico.css
index b511d37..80d7ab0 100644
--- a/src/uncloseai-modal-pico.css
+++ b/src/uncloseai-modal-pico.css
@@ -1195,13 +1195,21 @@ 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: 100%;
-  box-sizing: border-box;
+  max-width: 340px;
 }
 
 .ai-message code {
-  max-width: 100%;
-  box-sizing: border-box;
+  max-width: 340px;
+}
+
+@media (min-width: 768px) {
+  .ai-message pre {
+    max-width: 720px;
+  }
+
+  .ai-message code {
+    max-width: 720px;
+  }
 }
 
 .message-text {