From 1e6a909ab55f9b6d51275f1e6f87ead2c2a28991 Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Fri, 19 Apr 2024 17:57:58 -0500
Subject: [PATCH] fix logs scrolling on mobile

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

diff --git a/web/src/components/overlay/LogInfoDialog.tsx b/web/src/components/overlay/LogInfoDialog.tsx
index 32f212a1c..ad72223f3 100644
--- a/web/src/components/overlay/LogInfoDialog.tsx
+++ b/web/src/components/overlay/LogInfoDialog.tsx
@@ -28,7 +28,9 @@ export default function LogInfoDialog({
         }
       }}
     >
-      <Content className={isDesktop ? "" : "max-h-[75dvh] p-2 overflow-hidden"}>
+      <Content
+        className={isDesktop ? "" : "max-h-[75dvh] p-2 pb-4 overflow-hidden"}
+      >
         {logLine && (
           <div className="size-full flex flex-col gap-5">
             <div className="w-min flex flex-col gap-1.5">
diff --git a/web/src/pages/Logs.tsx b/web/src/pages/Logs.tsx
index 867f8b512..c166968ab 100644
--- a/web/src/pages/Logs.tsx
+++ b/web/src/pages/Logs.tsx
@@ -405,7 +405,7 @@ function Logs() {
         </div>
         <div
           ref={contentRef}
-          className="w-full flex flex-col overflow-y-auto no-scrollbar"
+          className="w-full flex flex-col overflow-y-auto no-scrollbar overscroll-contain"
         >
           {logLines.length > 0 &&
             [...Array(logRange.end).keys()].map((idx) => {