From dc20b354accc286cc42372f221c598355b38b9d9 Mon Sep 17 00:00:00 2001
From: Priyanka Punukollu <priyankapunukollu@Priyankas-MacBook-Pro.local>
Date: Thu, 26 Feb 2026 22:37:50 -0600
Subject: [PATCH] fix: prevent off-screen overflow in chat UI
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Market calendar event chips: change flex-wrap from nowrap to wrap
  so chips that don't fit stack to the next line instead of overflowing
  off the right edge of the screen
- Market calendar container: switch overflow-x:auto → hidden + flex-wrap
  so the strip itself never causes horizontal scroll
- Empty state: change justify-content from center to flex-start + add
  overflow-y:auto so tall quick-grid content scrolls instead of being
  clipped above/below the viewport on shorter screens

Made-with: Cursor
---
 chat_ui.html | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/chat_ui.html b/chat_ui.html
index 9f30d3139..fe1ca70a1 100644
--- a/chat_ui.html
+++ b/chat_ui.html
@@ -210,11 +210,13 @@
         display: flex;
         flex-direction: column;
         align-items: center;
-        justify-content: center;
+        justify-content: flex-start;
         gap: 24px;
         color: var(--text3);
         text-align: center;
-        padding-bottom: 40px;
+        padding: 32px 20px 48px;
+        overflow-y: auto;
+        min-height: 0;
       }
       .empty-icon {
         width: 56px;
@@ -3557,9 +3559,10 @@
         padding: 5px 16px;
         display: none;
         align-items: center;
-        gap: 12px;
+        flex-wrap: wrap;
+        gap: 6px 12px;
         flex-shrink: 0;
-        overflow-x: auto;
+        overflow-x: hidden;
       }
       .market-calendar.show {
         display: flex;
@@ -4083,7 +4086,7 @@
       <span class="cal-label">📅 Upcoming</span>
       <div
         id="cal-events"
-        style="display: flex; gap: 8px; flex-wrap: nowrap"
+        style="display: flex; gap: 8px; flex-wrap: wrap"
       ></div>
       <button
         onclick="