#779 increase space between switch day buttons on mobile

This commit is contained in:
lethemanh
2026-04-14 09:16:06 +07:00
parent d8303539e4
commit c9113fc76b
2 changed files with 4 additions and 3 deletions
+1
View File
@@ -53,6 +53,7 @@ export const MobileMenubar: React.FC<MobileMenubarProps> = ({
<IconButton <IconButton
onClick={onOpenSidebar} onClick={onOpenSidebar}
aria-label={t('menubar.toggleSidebar')} aria-label={t('menubar.toggleSidebar')}
sx={{ mr: 2 }}
> >
<MenuIcon /> <MenuIcon />
</IconButton> </IconButton>
@@ -11,13 +11,13 @@ export const SmallNavigationControls: React.FC<{
return ( return (
<div className="navigation-controls"> <div className="navigation-controls">
<Stack direction="row"> <Stack direction="row" spacing={1.25}>
<IconButton <IconButton
onClick={() => onNavigate('prev')} onClick={() => onNavigate('prev')}
aria-label={t('menubar.prev')} aria-label={t('menubar.prev')}
title={t('menubar.prev')} title={t('menubar.prev')}
> >
<ChevronLeftIcon sx={{ height: 20 }} /> <ChevronLeftIcon sx={{ height: 30 }} />
</IconButton> </IconButton>
<IconButton <IconButton
color="primary" color="primary"
@@ -36,7 +36,7 @@ export const SmallNavigationControls: React.FC<{
aria-label={t('menubar.next')} aria-label={t('menubar.next')}
title={t('menubar.next')} title={t('menubar.next')}
> >
<ChevronRightIcon sx={{ height: 20 }} /> <ChevronRightIcon sx={{ height: 30 }} />
</IconButton> </IconButton>
</Stack> </Stack>
</div> </div>