From 44ae886af7e97f92c00e7a3e735aa80165431b24 Mon Sep 17 00:00:00 2001
From: Riley Davis <riley.davis@gmail.com>
Date: Fri, 9 Dec 2016 10:08:55 -1000
Subject: [PATCH] put some space between buttons on the banuserdialog

---
 client/coral-admin/src/components/BanUserDialog.css | 4 ++++
 client/coral-admin/src/components/BanUserDialog.js  | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/client/coral-admin/src/components/BanUserDialog.css b/client/coral-admin/src/components/BanUserDialog.css
index e645885ce..dfac4f194 100644
--- a/client/coral-admin/src/components/BanUserDialog.css
+++ b/client/coral-admin/src/components/BanUserDialog.css
@@ -141,3 +141,7 @@ input.error{
     background-color: 1px solid coral;
     padding: 10px;
 }
+
+.cancel {
+    margin: 10px 0;
+}
diff --git a/client/coral-admin/src/components/BanUserDialog.js b/client/coral-admin/src/components/BanUserDialog.js
index 9c166cc39..1867b9ac2 100644
--- a/client/coral-admin/src/components/BanUserDialog.js
+++ b/client/coral-admin/src/components/BanUserDialog.js
@@ -30,7 +30,7 @@ const BanUserDialog = ({open, handleClose, onClickBanUser, user = {}}) => {
           </i>
         </div>
         <div className={styles.buttons}>
-          <Button cStyle="cancel" onClick={() => handleClose()} full>
+          <Button cStyle="cancel" className={styles.cancel} onClick={() => handleClose()} full>
             {lang.t('bandialog.cancel')}
           </Button>
           <Button cStyle="black" onClick={() => onClickBanUser(userId, commentId)} full>