djkato/saleor-dashboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix button spacing

Browse source
This commit is contained in:
dominik-zeglen 2019-09-02 13:22:48 +02:00
parent 6842ae5b82
commit 5d58c862e1
1 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/components/ColumnPicker/ColumnPickerContent.tsx
View file

@ -40,6 +40,9 @@ const useStyles = makeStyles((theme: Theme) => ({
boxShadow: `0px 0px 0px 0px ${theme.palette.background.paper}`, boxShadow: `0px 0px 0px 0px ${theme.palette.background.paper}`,
transition: theme.transitions.duration.short + "ms" transition: theme.transitions.duration.short + "ms"
}, },
cancelButton: {
marginRight: theme.spacing.unit * 2
},
content: { content: {
display: "grid", display: "grid",
gridColumnGap: theme.spacing.unit * 3, gridColumnGap: theme.spacing.unit * 3,
@ -164,7 +167,11 @@ const ColumnPickerContent: React.FC<ColumnPickerContentProps> = props => {
<FormattedMessage defaultMessage="Reset" description="button" /> <FormattedMessage defaultMessage="Reset" description="button" />
</Button> </Button>
<div> <div>
<Button color="default" onClick={onCancel}> <Button
className={classes.cancelButton}
color="default"
onClick={onCancel}
>
<FormattedMessage {...buttonMessages.cancel} /> <FormattedMessage {...buttonMessages.cancel} />
</Button> </Button>
<Button color="primary" variant="contained" onClick={onSave}> <Button color="primary" variant="contained" onClick={onSave}>