From 196a810d656f38c8f4f82180e7a7810ad6940957 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Wed, 27 Mar 2024 16:20:14 -0600
Subject: [PATCH] Make corners consistent

---
 web/src/components/overlay/MobileCameraDrawer.tsx         | 2 +-
 web/src/components/overlay/MobileReviewSettingsDrawer.tsx | 2 +-
 web/src/components/overlay/MobileTimelineDrawer.tsx       | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/components/overlay/MobileCameraDrawer.tsx b/web/src/components/overlay/MobileCameraDrawer.tsx
index d4d318fcf..9a61258ca 100644
--- a/web/src/components/overlay/MobileCameraDrawer.tsx
+++ b/web/src/components/overlay/MobileCameraDrawer.tsx
@@ -27,7 +27,7 @@ export default function MobileCameraDrawer({
           <FaVideo className="text-muted-foreground" />
         </Button>
       </DrawerTrigger>
-      <DrawerContent className="max-h-[75dvh] overflow-hidden flex flex-col items-center gap-2">
+      <DrawerContent className="max-h-[75dvh] overflow-hidden flex flex-col items-center gap-2 mx-1 rounded-t-2xl">
         {allCameras.map((cam) => (
           <div
             key={cam}
diff --git a/web/src/components/overlay/MobileReviewSettingsDrawer.tsx b/web/src/components/overlay/MobileReviewSettingsDrawer.tsx
index 8f6a3232f..6fe644e2b 100644
--- a/web/src/components/overlay/MobileReviewSettingsDrawer.tsx
+++ b/web/src/components/overlay/MobileReviewSettingsDrawer.tsx
@@ -273,7 +273,7 @@ export default function MobileReviewSettingsDrawer({
             <FaCog className="text-muted-foreground" />
           </Button>
         </DrawerTrigger>
-        <DrawerContent className="max-h-[75dvh] overflow-hidden flex flex-col items-center gap-2 px-4 pb-4 mx-4 rounded-2xl">
+        <DrawerContent className="max-h-[75dvh] overflow-hidden flex flex-col items-center gap-2 px-4 pb-4 mx-1 rounded-t-2xl">
           {content}
         </DrawerContent>
       </Drawer>
diff --git a/web/src/components/overlay/MobileTimelineDrawer.tsx b/web/src/components/overlay/MobileTimelineDrawer.tsx
index 98a969bc3..85204170d 100644
--- a/web/src/components/overlay/MobileTimelineDrawer.tsx
+++ b/web/src/components/overlay/MobileTimelineDrawer.tsx
@@ -26,7 +26,7 @@ export default function MobileTimelineDrawer({
           <FaFlag className="text-muted-foreground" />
         </Button>
       </DrawerTrigger>
-      <DrawerContent className="max-h-[75dvh] overflow-hidden flex flex-col items-center gap-2">
+      <DrawerContent className="max-h-[75dvh] overflow-hidden flex flex-col items-center gap-2 mx-1 rounded-t-2xl">
         <div
           className={`w-full mx-4 py-2 text-center capitalize ${selected == "timeline" ? "bg-secondary rounded-lg" : ""}`}
           onClick={() => {