From c9113fc76b90f12a6ad442081348781880f9f4d8 Mon Sep 17 00:00:00 2001
From: lethemanh <lethemanh@lethemanhs-MacBook-Pro.local>
Date: Tue, 14 Apr 2026 09:16:06 +0700
Subject: [PATCH] #779 increase space between switch day buttons on mobile

---
 src/components/Menubar/MobileMenuBar.tsx                    | 1 +
 .../Menubar/components/SmallNavigationControls.tsx          | 6 +++---
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/Menubar/MobileMenuBar.tsx b/src/components/Menubar/MobileMenuBar.tsx
index 81a8d5f..b6d62b2 100644
--- a/src/components/Menubar/MobileMenuBar.tsx
+++ b/src/components/Menubar/MobileMenuBar.tsx
@@ -53,6 +53,7 @@ export const MobileMenubar: React.FC<MobileMenubarProps> = ({
           <IconButton
             onClick={onOpenSidebar}
             aria-label={t('menubar.toggleSidebar')}
+            sx={{ mr: 2 }}
           >
             <MenuIcon />
           </IconButton>
diff --git a/src/components/Menubar/components/SmallNavigationControls.tsx b/src/components/Menubar/components/SmallNavigationControls.tsx
index e33c64a..966758e 100644
--- a/src/components/Menubar/components/SmallNavigationControls.tsx
+++ b/src/components/Menubar/components/SmallNavigationControls.tsx
@@ -11,13 +11,13 @@ export const SmallNavigationControls: React.FC<{
 
   return (
     <div className="navigation-controls">
-      <Stack direction="row">
+      <Stack direction="row" spacing={1.25}>
         <IconButton
           onClick={() => onNavigate('prev')}
           aria-label={t('menubar.prev')}
           title={t('menubar.prev')}
         >
-          <ChevronLeftIcon sx={{ height: 20 }} />
+          <ChevronLeftIcon sx={{ height: 30 }} />
         </IconButton>
         <IconButton
           color="primary"
@@ -36,7 +36,7 @@ export const SmallNavigationControls: React.FC<{
           aria-label={t('menubar.next')}
           title={t('menubar.next')}
         >
-          <ChevronRightIcon sx={{ height: 20 }} />
+          <ChevronRightIcon sx={{ height: 30 }} />
         </IconButton>
       </Stack>
     </div>