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

refactor: adjust spacing in FlowRow
This commit is contained in:
Ali BARIN
2023-03-07 16:10:27 +01:00
committed by GitHub
2 changed files with 2 additions and 3 deletions

View File

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

View File

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