From 574f97d5cdc8afe84fd2bf44dd0365ac1a0ee577 Mon Sep 17 00:00:00 2001
From: juanatsap <juanatsap@gmail.com>
Date: Thu, 9 Apr 2026 23:27:13 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20mobile=20chat=20overflow=20=E2=80=94=20b?=
 =?UTF-8?q?reak=20long=20links,=20constrain=20msg=20width,=20scroll=20chip?=
 =?UTF-8?q?s?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/css/04-interactive/_chat.css | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/static/css/04-interactive/_chat.css b/static/css/04-interactive/_chat.css
index 1ff0ff8..984fb7c 100644
--- a/static/css/04-interactive/_chat.css
+++ b/static/css/04-interactive/_chat.css
@@ -365,11 +365,19 @@
     font-size: 0.8rem;
     line-height: 1.5;
     max-width: 85%;
+    min-width: 0;
     word-wrap: break-word;
     overflow-wrap: break-word;
     word-break: break-word;
 }
 
+.chat-msg a,
+.chat-msg strong,
+.chat-msg p {
+    overflow-wrap: break-word;
+    word-break: break-word;
+}
+
 .chat-row-bot .chat-msg {
     background: var(--paper-secondary-bg, #f5f5f5);
     color: var(--text-secondary, #333333);
@@ -467,6 +475,8 @@
     font-weight: 600;
     cursor: pointer;
     border-bottom: 1px dotted var(--accent-green, #27ae60);
+    word-break: break-word;
+    overflow-wrap: break-word;
 }
 
 .chat-nav-link:hover {
@@ -943,4 +953,15 @@
         right: -8px;
         min-width: 120px;
     }
+
+    /* Prevent any child from expanding beyond panel */
+    .chat-msg {
+        max-width: calc(100% - 44px);
+    }
+
+    .chat-suggestions {
+        overflow-x: auto;
+        flex-wrap: nowrap;
+        -webkit-overflow-scrolling: touch;
+    }
 }