From ecbb6f3b624a8bdaa187a12957e69c5dd3815bfc Mon Sep 17 00:00:00 2001 From: Matt Toohey Date: Thu, 2 Jul 2026 15:28:24 +1000 Subject: [PATCH] fix(staged): add missing table CSS to chat markdown The chat transcript's .markdown-content block styled every markdown element except tables, so tables rendered with browser defaults (no borders, cramped layout) while the note dialog styled them correctly. Both views render identical HTML from the shared renderMarkdown, so port the three table rules from NoteModal into SessionModal: table (border-collapse, full width, margin), th/td (borders, padding, left-align), and th (header background, bold). Signed-off-by: Matt Toohey --- .../lib/features/sessions/SessionModal.svelte | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/apps/staged/src/lib/features/sessions/SessionModal.svelte b/apps/staged/src/lib/features/sessions/SessionModal.svelte index 09f762fe0..748071d6e 100644 --- a/apps/staged/src/lib/features/sessions/SessionModal.svelte +++ b/apps/staged/src/lib/features/sessions/SessionModal.svelte @@ -2268,6 +2268,24 @@ border-top: 1px solid var(--border-subtle); } + .markdown-content :global(table) { + border-collapse: collapse; + width: 100%; + margin: 0.75em 0; + } + + .markdown-content :global(th), + .markdown-content :global(td) { + border: 1px solid var(--border-subtle); + padding: 6px 12px; + text-align: left; + } + + .markdown-content :global(th) { + background: var(--bg-primary); + font-weight: 600; + } + @media (max-width: 700px) { .modal-header { padding: 12px;