#779 increase space between switch day buttons on mobile
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user