From ba8a845741090ec7ed6efcfa61799fe7acac74e0 Mon Sep 17 00:00:00 2001
From: David Jay <davidgljay@gmail.com>
Date: Mon, 12 Dec 2016 18:14:03 -0500
Subject: [PATCH] Making character input field green to match designs.

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

diff --git a/client/coral-admin/src/containers/Configure/CommentSettings.js b/client/coral-admin/src/containers/Configure/CommentSettings.js
index 9e162fc30..b3ab8d62a 100644
--- a/client/coral-admin/src/containers/Configure/CommentSettings.js
+++ b/client/coral-admin/src/containers/Configure/CommentSettings.js
@@ -87,7 +87,7 @@ class CommentSettings extends Component {
           <p className={settings.charCountEnable ? '' : styles.disabledSettingText}>
             <span>{lang.t('configure.comment-count-text-pre')}</span>
             <input type='text'
-              className={styles.charCountTexfield}
+              className={`${styles.charCountTexfield} ${settings.charCountEnable && styles.charCountTexfieldEnabled}`}
               htmlFor='charCount'
               onChange={this.updateCharCount(updateSettings)}
               value={settings.charCount}/>
diff --git a/client/coral-admin/src/containers/Configure/Configure.css b/client/coral-admin/src/containers/Configure/Configure.css
index 4788110de..667bb4744 100644
--- a/client/coral-admin/src/containers/Configure/Configure.css
+++ b/client/coral-admin/src/containers/Configure/Configure.css
@@ -71,6 +71,10 @@
   border-width: 0px 0px 1px 0px;
 }
 
+.charCountTexfieldEnabled {
+  border-color: #4caf50;
+}
+
 .charCountTexfield:focus {
   outline: none;
 }