From 02eaf44abb9ed59dc1b4cb234b0358b8d3714a9f Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Fri, 5 Apr 2024 12:29:37 -0600
Subject: [PATCH] Fix mobile menus

---
 web/src/components/filter/LogLevelFilter.tsx    | 2 +-
 web/src/components/settings/GeneralSettings.tsx | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/src/components/filter/LogLevelFilter.tsx b/web/src/components/filter/LogLevelFilter.tsx
index 13a0b069e..4eb19d350 100644
--- a/web/src/components/filter/LogLevelFilter.tsx
+++ b/web/src/components/filter/LogLevelFilter.tsx
@@ -33,7 +33,7 @@ export function LogLevelFilterButton({
     return (
       <Drawer>
         <DrawerTrigger asChild>{trigger}</DrawerTrigger>
-        <DrawerContent className="max-h-[75dvh] overflow-hidden">
+        <DrawerContent className="max-h-[75dvh] p-3 mx-1 overflow-hidden">
           {content}
         </DrawerContent>
       </Drawer>
diff --git a/web/src/components/settings/GeneralSettings.tsx b/web/src/components/settings/GeneralSettings.tsx
index b13051ea4..3ffcc540d 100644
--- a/web/src/components/settings/GeneralSettings.tsx
+++ b/web/src/components/settings/GeneralSettings.tsx
@@ -142,7 +142,7 @@ export default function GeneralSettings({ className }: GeneralSettings) {
                     className={
                       isDesktop
                         ? "cursor-pointer"
-                        : "p-2 flex items-center text-sm"
+                        : "w-full p-2 flex items-center text-sm"
                     }
                   >
                     <LuActivity className="mr-2 size-4" />
@@ -154,7 +154,7 @@ export default function GeneralSettings({ className }: GeneralSettings) {
                     className={
                       isDesktop
                         ? "cursor-pointer"
-                        : "p-2 flex items-center text-sm"
+                        : "w-full p-2 flex items-center text-sm"
                     }
                   >
                     <LuList className="mr-2 size-4" />
@@ -172,7 +172,7 @@ export default function GeneralSettings({ className }: GeneralSettings) {
                     className={
                       isDesktop
                         ? "cursor-pointer"
-                        : "p-2 flex items-center text-sm"
+                        : "w-full p-2 flex items-center text-sm"
                     }
                   >
                     <LuSettings className="mr-2 size-4" />
@@ -184,7 +184,7 @@ export default function GeneralSettings({ className }: GeneralSettings) {
                     className={
                       isDesktop
                         ? "cursor-pointer"
-                        : "p-2 flex items-center text-sm"
+                        : "w-full p-2 flex items-center text-sm"
                     }
                   >
                     <LuPenSquare className="mr-2 size-4" />