From 712c53389b33fc18a98104a9aac2b0527391aa58 Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Fri, 13 Jan 2017 13:07:45 -0300
Subject: [PATCH] Banned Words and Suspect

---
 .../src/containers/Configure/Configure.css    | 22 +++++++++++++++----
 .../src/containers/Configure/Configure.js     |  4 ++++
 client/coral-ui/components/Button.css         | 10 +++++++--
 client/coral-ui/components/Item.css           |  4 ++--
 4 files changed, 32 insertions(+), 8 deletions(-)

diff --git a/client/coral-admin/src/containers/Configure/Configure.css b/client/coral-admin/src/containers/Configure/Configure.css
index 6ff47b969..215c0e37f 100644
--- a/client/coral-admin/src/containers/Configure/Configure.css
+++ b/client/coral-admin/src/containers/Configure/Configure.css
@@ -1,14 +1,23 @@
 .container {
-  padding: 10px;
   display: flex;
+
+  h3 {
+    color: black;
+    font-size: 1.76em;
+    font-weight: 500;
+  }
 }
 
 .leftColumn {
-  width: 300px;
+  padding: 42px 56px;
+  width: 234px;
 }
 
 .mainContent {
-  width: calc(70% - 300px)
+  width: calc(100% - 300px);
+  padding: 10px 14px;
+  box-sizing: border-box;
+  max-width: 718px;
 }
 
 .configSetting {
@@ -81,7 +90,8 @@
 }
 
 .changedSave {
-  background-color:#4caf50;
+  background-color: #00796B;
+  color: white;
 }
 
 .copiedText {
@@ -132,3 +142,7 @@
 .hidden {
   display: none;
 }
+
+.saveBox {
+  margin-top: 38px;
+}
diff --git a/client/coral-admin/src/containers/Configure/Configure.js b/client/coral-admin/src/containers/Configure/Configure.js
index 92756c4a8..8ad6cacfd 100644
--- a/client/coral-admin/src/containers/Configure/Configure.js
+++ b/client/coral-admin/src/containers/Configure/Configure.js
@@ -116,6 +116,7 @@ class Configure extends Component {
                 {lang.t('configure.wordlist')}
               </Item>
             </List>
+            <div className={styles.saveBox}>
             {
               showSave ?
                 <Button
@@ -123,6 +124,7 @@ class Configure extends Component {
                   onClick={this.saveSettings}
                   className={styles.changedSave}
                   icon='check'
+                  full
                 >
                   {lang.t('configure.save-changes')}
                 </Button>
@@ -131,10 +133,12 @@ class Configure extends Component {
                   raised
                   disabled
                   icon='check'
+                  full
                 >
                 {lang.t('configure.save-changes')}
                </Button>
             }
+            </div>
 
           </div>
           <div className={styles.mainContent}>
diff --git a/client/coral-ui/components/Button.css b/client/coral-ui/components/Button.css
index 7e307fdad..ece3779d6 100644
--- a/client/coral-ui/components/Button.css
+++ b/client/coral-ui/components/Button.css
@@ -11,8 +11,6 @@
     display: inline-block;
     font-family: 'Roboto','Helvetica','Arial',sans-serif;
     font-size: 14px;
-    font-weight: 500;
-    letter-spacing: 0;
     overflow: hidden;
     will-change: box-shadow,transform;
     -webkit-transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
@@ -24,6 +22,14 @@
     line-height: 28px;
     vertical-align: middle;
     margin: 2px;
+    letter-spacing: 0.7px;
+    font-weight: 400;
+
+    i {
+      margin-right: 13px;
+      font-size: 18px;
+      vertical-align: middle;
+    }
 }
 
 .type--black {
diff --git a/client/coral-ui/components/Item.css b/client/coral-ui/components/Item.css
index 66787c6b9..3a608d28c 100644
--- a/client/coral-ui/components/Item.css
+++ b/client/coral-ui/components/Item.css
@@ -1,10 +1,10 @@
 .base {
   box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
   background-color: white;
-  width: 235px;
+  width: 208px;
   padding: 10px 14px;
   font-size: 14px;
-  margin-bottom: 8px;
+  margin-bottom: 10px;
   list-style: none;
 
   &:hover {