Fixes padding on page button

2021-07-14 12:46:19 +01:00 · 2021-07-14 12:46:19 +01:00 · 84b6dfe7df
commit 84b6dfe7df
parent 6ce1f0b5f1
2 changed files with 4 additions and 1 deletions
--- a/components/page-panel/page-panel.tsx
+++ b/components/page-panel/page-panel.tsx
@ -44,7 +44,7 @@ export default function PagePanel(): JSX.Element {
      }}
    >
      <FloatingContainer>
-        <RowButton as={DropdownMenu.Trigger} bp={breakpoints}>
+        <RowButton as={DropdownMenu.Trigger} bp={breakpoints} variant="noIcon">
          <span>{documentPages[currentPageId].name}</span>
        </RowButton>
      </FloatingContainer>
--- a/components/shared.tsx
+++ b/components/shared.tsx
@ -146,6 +146,9 @@ export const RowButton = styled('button', {
      },
    },
    variant: {
+      noIcon: {
+        padding: '4px 12px',
+      },
      pageButton: {
        display: 'grid',
        gridTemplateColumns: '24px auto',