From 394c543a0a8465ec0de07bcf4a6c598b05967211 Mon Sep 17 00:00:00 2001 From: Daniel Date: Mon, 14 Sep 2026 05:40:42 +0200 Subject: [PATCH] fix: answer and take-home tables wrap to the phone screen instead of scrolling sideways The sideways swipe was not reachable on the phone, so wide tables were cut off. Below 640px the cells break their words and the table takes the full width; wide tables get taller, never clipped. Co-Authored-By: Claude Fable 5.1 Claude-Session: https://claude.ai/code/session_01Dv6sqaY6Vq3ChZHMem3cnU --- public/css/assistant.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/public/css/assistant.css b/public/css/assistant.css index 485e03b5..37ec8ef0 100644 --- a/public/css/assistant.css +++ b/public/css/assistant.css @@ -375,7 +375,13 @@ body.assistant-workspace .assistant-layout { height: calc(100vh - var(--mobile-b 8px padding on top of that made the page 16px taller than the phone. */ body.assistant-workspace .main-content { padding:0; } body.assistant-workspace .assistant-layout { height:calc(100dvh - var(--mobile-bar, 0px)); display:flex; flex-direction:column; grid-template-rows:none; overflow:hidden; } - + /* On a phone a table wraps to the screen instead of scrolling sideways: the + sideways swipe is not reliably reachable (the user could not scroll a + cut-off table at all), so cells break their words and the table takes the + full width. Wide tables get taller, never clipped. */ + .assistant-table-scroll { overflow-x:visible; } + .assistant-table-scroll table, .assistant-takehome-result table { width:100%; min-width:0; max-width:100%; table-layout:auto; } + .assistant-bubble th, .assistant-bubble td, .assistant-takehome-result th, .assistant-takehome-result td { overflow-wrap:anywhere; word-break:break-word; white-space:normal; } } /* Desktop: the saved-chats rail collapses like ChatGPT's sidebar */ .assistant-layout { transition:grid-template-columns .18s ease; }