Banned Words and Suspect

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;
+}

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}>

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 {

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 {