From 0e464c4bb889d982a85a5461256ac7662ca0710f Mon Sep 17 00:00:00 2001
From: mrhid6 <mrhid6@gmail.com>
Date: Tue, 15 Sep 2026 14:27:42 +0000
Subject: [PATCH] fix(web): wrap long patch output lines instead of widening
 the run table

---
 web/app/(app)/patching/runs/[runId]/page.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/web/app/(app)/patching/runs/[runId]/page.tsx b/web/app/(app)/patching/runs/[runId]/page.tsx
index b8fa282..4e20d7d 100644
--- a/web/app/(app)/patching/runs/[runId]/page.tsx
+++ b/web/app/(app)/patching/runs/[runId]/page.tsx
@@ -50,7 +50,13 @@ function ServerRow({ s }: { s: PatchServerRun }) {
             {open && s.output && (
                 <Tr>
                     <Td colSpan={5}>
-                        <pre className="max-h-96 overflow-auto rounded bg-well px-4 py-3 font-mono text-[11.5px] leading-relaxed text-text-secondary">{s.output}</pre>
+                        {/*
+                         * Wrap rather than scroll sideways: a pre sizes its table
+                         * cell to its longest line, so one long apt or dnf line
+                         * widened the whole table. overflow-wrap:anywhere also
+                         * breaks a single unbroken token such as a mirror URL.
+                         */}
+                        <pre className="max-h-96 w-full min-w-0 overflow-y-auto whitespace-pre-wrap rounded bg-well px-4 py-3 font-mono text-[11.5px] leading-relaxed text-text-secondary [overflow-wrap:anywhere]">{s.output}</pre>
                     </Td>
                 </Tr>
             )}