From 5d58c862e13e11bd30fabc295e8be51a023be062 Mon Sep 17 00:00:00 2001
From: dominik-zeglen <flesz3@o2.pl>
Date: Mon, 2 Sep 2019 13:22:48 +0200
Subject: [PATCH] Fix button spacing

---
 src/components/ColumnPicker/ColumnPickerContent.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/ColumnPicker/ColumnPickerContent.tsx b/src/components/ColumnPicker/ColumnPickerContent.tsx
index 340221ea3..bef6aa779 100644
--- a/src/components/ColumnPicker/ColumnPickerContent.tsx
+++ b/src/components/ColumnPicker/ColumnPickerContent.tsx
@@ -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}>