Merge pull request #982 from automatisch/add-space-between-buttons

refactor: adjust spacing in FlowRow

packages/web/src/components/FlowRow/index.tsx

@@ -85,7 +85,6 @@ export default function FlowRow(props: FlowRowProps): React.ReactElement {
 
               <IconButton
                 size="large"
-                edge="start"
                 color="inherit"
                 aria-label="open context menu"
                 ref={contextButtonRef}

packages/web/src/components/FlowRow/style.ts

@@ -30,11 +30,11 @@ export const Title = styled(MuiStack)(() => ({
   gridArea: 'title',
 }));
 
-export const ContextMenu = styled(MuiBox)(() => ({
+export const ContextMenu = styled(MuiBox)(({ theme }) => ({
   flexDirection: 'row',
   display: 'flex',
   alignItems: 'center',
-  gap: 10,
+  gap: theme.spacing(0.625),
   gridArea: 'menu',
 }));
 export const Typography = styled(MuiTypography)(() => ({