From dc518a4d270d9bef54740b05d96c5ddf9af5ff16 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Thu, 9 May 2024 14:22:31 -0600
Subject: [PATCH] Simplify layout

---
 web/src/views/events/RecordingView.tsx | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/web/src/views/events/RecordingView.tsx b/web/src/views/events/RecordingView.tsx
index 5ee8e2a41..ee055de19 100644
--- a/web/src/views/events/RecordingView.tsx
+++ b/web/src/views/events/RecordingView.tsx
@@ -334,6 +334,8 @@ export function RecordingView({
       previewRowRef.current.scrollWidth > previewRowRef.current.clientWidth ||
       previewRowRef.current.scrollHeight > previewRowRef.current.clientHeight
     );
+    // we only want to update when the scroll size changes
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [previewRowRef.current?.scrollWidth, previewRowRef.current?.scrollHeight]);
 
   return (
@@ -343,12 +345,7 @@ export function RecordingView({
         {isMobile && (
           <Logo className="absolute inset-x-1/2 -translate-x-1/2 h-8" />
         )}
-        <div
-          className={cn(
-            "flex items-center gap-2",
-            isMobile ? "landscape:flex-col" : "",
-          )}
-        >
+        <div className={cn("flex items-center gap-2")}>
           <Button
             className="flex items-center gap-2.5 rounded-lg"
             size="sm"