From 4e3e5c5a0fa30695dee4202791b3d2c8856d659f Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Wed, 15 Jan 2025 17:53:15 -0600
Subject: [PATCH] handle newlines in sheet

---
 web/src/components/overlay/LogInfoDialog.tsx | 9 ++++++++-
 web/src/pages/Logs.tsx                       | 2 +-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/web/src/components/overlay/LogInfoDialog.tsx b/web/src/components/overlay/LogInfoDialog.tsx
index 4cebb4a6e..3e9696f91 100644
--- a/web/src/components/overlay/LogInfoDialog.tsx
+++ b/web/src/components/overlay/LogInfoDialog.tsx
@@ -66,7 +66,14 @@ export default function LogInfoDialog({
             </div>
             <div className="flex flex-col gap-1.5">
               <div className="text-sm text-primary/40">Message</div>
-              <div className="text-sm">{logLine.content}</div>
+              <div className="text-sm">
+                {logLine.content.split("\n").map((line) => (
+                  <>
+                    {line}
+                    <br />
+                  </>
+                ))}
+              </div>
             </div>
             {helpfulLinks.length > 0 && (
               <div className="flex flex-col gap-1.5">
diff --git a/web/src/pages/Logs.tsx b/web/src/pages/Logs.tsx
index d7f14d944..7e0a4353d 100644
--- a/web/src/pages/Logs.tsx
+++ b/web/src/pages/Logs.tsx
@@ -536,7 +536,7 @@ function LogLineData({
             : "md:col-span-8 lg:col-span-9",
         )}
       >
-        <div className="w-full overflow-hidden text-ellipsis">
+        <div className="w-full overflow-hidden text-ellipsis whitespace-nowrap">
           {line.content}
         </div>
       </div>