From 21342b8b814a220aa8a8cbc49c4cde752bde723d Mon Sep 17 00:00:00 2001
From: Chi Vinh Le <vinh@wikiwi.io>
Date: Mon, 9 Oct 2017 23:56:16 +0700
Subject: [PATCH] Fix title styling

---
 .../src/routes/Configure/components/ModerationSettings.css  | 6 ++++++
 .../src/routes/Configure/components/ModerationSettings.js   | 2 +-
 .../src/routes/Configure/components/StreamSettings.css      | 6 ++++++
 .../src/routes/Configure/components/StreamSettings.js       | 2 +-
 .../src/routes/Configure/components/TechSettings.css        | 6 ++++++
 .../src/routes/Configure/components/TechSettings.js         | 2 +-
 6 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/client/coral-admin/src/routes/Configure/components/ModerationSettings.css b/client/coral-admin/src/routes/Configure/components/ModerationSettings.css
index eaa2ad9e7..54e46db9b 100644
--- a/client/coral-admin/src/routes/Configure/components/ModerationSettings.css
+++ b/client/coral-admin/src/routes/Configure/components/ModerationSettings.css
@@ -1,3 +1,9 @@
+.title {
+  color: black;
+  font-size: 1.26em;
+  font-weight: 500;
+}
+
 .card {
   margin-bottom: 20px;
   align-items: flex-start;
diff --git a/client/coral-admin/src/routes/Configure/components/ModerationSettings.js b/client/coral-admin/src/routes/Configure/components/ModerationSettings.js
index 3175f22d2..41b0e1528 100644
--- a/client/coral-admin/src/routes/Configure/components/ModerationSettings.js
+++ b/client/coral-admin/src/routes/Configure/components/ModerationSettings.js
@@ -49,7 +49,7 @@ class ModerationSettings extends React.Component {
 
     return (
       <div>
-        <h3>{t('configure.moderation_settings')}</h3>
+        <h3 className={styles.title}>{t('configure.moderation_settings')}</h3>
         <Card className={cn(styles.card, settings.requireEmailConfirmation ? on : off)}>
           <div className={styles.action}>
             <Checkbox
diff --git a/client/coral-admin/src/routes/Configure/components/StreamSettings.css b/client/coral-admin/src/routes/Configure/components/StreamSettings.css
index e73721d0d..c7cd71bbb 100644
--- a/client/coral-admin/src/routes/Configure/components/StreamSettings.css
+++ b/client/coral-admin/src/routes/Configure/components/StreamSettings.css
@@ -1,3 +1,9 @@
+.title {
+  color: black;
+  font-size: 1.26em;
+  font-weight: 500;
+}
+
 .card {
   margin-bottom: 20px;
   align-items: flex-start;
diff --git a/client/coral-admin/src/routes/Configure/components/StreamSettings.js b/client/coral-admin/src/routes/Configure/components/StreamSettings.js
index dd6ff6f92..b43f5d940 100644
--- a/client/coral-admin/src/routes/Configure/components/StreamSettings.js
+++ b/client/coral-admin/src/routes/Configure/components/StreamSettings.js
@@ -106,7 +106,7 @@ class StreamSettings extends React.Component {
 
     return (
       <div>
-        <h3>{t('configure.stream_settings')}</h3>
+        <h3 className={styles.title}>{t('configure.stream_settings')}</h3>
         <Card className={cn(styles.card, settings.charCountEnable ? on : off)}>
           <div className={styles.action}>
             <Checkbox
diff --git a/client/coral-admin/src/routes/Configure/components/TechSettings.css b/client/coral-admin/src/routes/Configure/components/TechSettings.css
index 91fbe9acf..6511359a0 100644
--- a/client/coral-admin/src/routes/Configure/components/TechSettings.css
+++ b/client/coral-admin/src/routes/Configure/components/TechSettings.css
@@ -1,3 +1,9 @@
+.title {
+  color: black;
+  font-size: 1.26em;
+  font-weight: 500;
+}
+
 .card {
   margin-bottom: 20px;
   align-items: flex-start;
diff --git a/client/coral-admin/src/routes/Configure/components/TechSettings.js b/client/coral-admin/src/routes/Configure/components/TechSettings.js
index a92bb4b25..e841db898 100644
--- a/client/coral-admin/src/routes/Configure/components/TechSettings.js
+++ b/client/coral-admin/src/routes/Configure/components/TechSettings.js
@@ -33,7 +33,7 @@ class TechSettings extends React.Component {
     const {settings, data, root} = this.props;
     return (
       <div>
-        <h3>{t('configure.tech_settings')}</h3>
+        <h3 className={styles.title}>{t('configure.tech_settings')}</h3>
         <Domainlist
           domains={settings.domains.whitelist}
           onChangeDomainlist={this.updateDomainlist} />