Fixes padding on page button

This commit is contained in:
Steve Ruiz 2021-07-14 12:46:19 +01:00
parent 6ce1f0b5f1
commit 84b6dfe7df
2 changed files with 4 additions and 1 deletions

View file

@ -44,7 +44,7 @@ export default function PagePanel(): JSX.Element {
}} }}
> >
<FloatingContainer> <FloatingContainer>
<RowButton as={DropdownMenu.Trigger} bp={breakpoints}> <RowButton as={DropdownMenu.Trigger} bp={breakpoints} variant="noIcon">
<span>{documentPages[currentPageId].name}</span> <span>{documentPages[currentPageId].name}</span>
</RowButton> </RowButton>
</FloatingContainer> </FloatingContainer>

View file

@ -146,6 +146,9 @@ export const RowButton = styled('button', {
}, },
}, },
variant: { variant: {
noIcon: {
padding: '4px 12px',
},
pageButton: { pageButton: {
display: 'grid', display: 'grid',
gridTemplateColumns: '24px auto', gridTemplateColumns: '24px auto',