From 8cfc5bb28f7f2f5f95e4a750bfebb41bcde76dd7 Mon Sep 17 00:00:00 2001
From: Kevin Fiddick <41170814+kevinfiddick@users.noreply.github.com>
Date: Sun, 7 Jun 2026 10:43:51 -0500
Subject: [PATCH] Fix mobile markdown table layout (#3198)

---
 static/style.css | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/static/style.css b/static/style.css
index 4fc746ba5..103aecb6b 100644
--- a/static/style.css
+++ b/static/style.css
@@ -7722,7 +7722,13 @@ button.hamburger {
   border-collapse: collapse;
   margin: 0.5em 0;
   font-size: 0.9em;
-  width: auto;
+  display: block;
+  width: max-content;
+  min-width: 100%;
+  max-width: 100%;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+  table-layout: auto;
 }
 .msg th {
   background: color-mix(in srgb, var(--fg) 7%, transparent);
@@ -7731,10 +7737,16 @@ button.hamburger {
   padding: 6px 12px;
   border: 1px solid var(--border);
   text-align: left;
+  min-width: 9ch;
+  word-break: normal;
+  overflow-wrap: break-word;
 }
 .msg td {
   padding: 5px 12px;
   border: 1px solid var(--border);
+  min-width: 9ch;
+  word-break: normal;
+  overflow-wrap: break-word;
 }
 
 /* Agent UI Styling */