Fix button spacing
This commit is contained in:
parent
6842ae5b82
commit
5d58c862e1
1 changed files with 8 additions and 1 deletions
|
@ -40,6 +40,9 @@ const useStyles = makeStyles((theme: Theme) => ({
|
|||
boxShadow: `0px 0px 0px 0px ${theme.palette.background.paper}`,
|
||||
transition: theme.transitions.duration.short + "ms"
|
||||
},
|
||||
cancelButton: {
|
||||
marginRight: theme.spacing.unit * 2
|
||||
},
|
||||
content: {
|
||||
display: "grid",
|
||||
gridColumnGap: theme.spacing.unit * 3,
|
||||
|
@ -164,7 +167,11 @@ const ColumnPickerContent: React.FC<ColumnPickerContentProps> = props => {
|
|||
<FormattedMessage defaultMessage="Reset" description="button" />
|
||||
</Button>
|
||||
<div>
|
||||
<Button color="default" onClick={onCancel}>
|
||||
<Button
|
||||
className={classes.cancelButton}
|
||||
color="default"
|
||||
onClick={onCancel}
|
||||
>
|
||||
<FormattedMessage {...buttonMessages.cancel} />
|
||||
</Button>
|
||||
<Button color="primary" variant="contained" onClick={onSave}>
|
||||
|
|
Loading…
Reference in a new issue