diff --git a/client/coral-admin/src/containers/Configure/Configure.css b/client/coral-admin/src/containers/Configure/Configure.css
index 058ff7a64..54deadccf 100644
--- a/client/coral-admin/src/containers/Configure/Configure.css
+++ b/client/coral-admin/src/containers/Configure/Configure.css
@@ -41,7 +41,9 @@
.settingsHeader {
margin-top: 3px;
- margin-bottom: 10px;
+ margin-bottom: 7px;
+ font-size: 18px;
+ font-weight: 500;
}
.disabledSettingText {
@@ -58,11 +60,6 @@
overflow: visible;
}
-.configSettingInfoBox p {
- font-size: 12px;
- bottom: 0;
-}
-
.configSettingEmbed {
border: 1px solid #ccc;
border-radius: 4px;
@@ -170,3 +167,11 @@
padding-left: 30px;
}
}
+
+
+.Configure {
+ p {
+ line-height: 1.2;
+ max-width: 600px;
+ }
+}
diff --git a/client/coral-admin/src/containers/Configure/StreamSettings.js b/client/coral-admin/src/containers/Configure/StreamSettings.js
index 568e0a075..bd4111006 100644
--- a/client/coral-admin/src/containers/Configure/StreamSettings.js
+++ b/client/coral-admin/src/containers/Configure/StreamSettings.js
@@ -64,7 +64,7 @@ const StreamSettings = ({updateSettings, settingsError, settings, errors}) => {
const off = styles.disabledSetting;
return (
-
+
{
className={`${styles.charCountTexfield} ${settings.charCountEnable && styles.charCountTexfieldEnabled}`}
htmlFor='charCount'
onChange={updateCharCount(updateSettings, settingsError)}
- value={settings.charCount}/>
+ value={settings.charCount}
+ disabled={settings.charCountEnable ? '' : 'disabled'}
+ />
{lang.t('configure.comment-count-text-post')}
{
errors.charCount &&
@@ -99,8 +101,10 @@ const StreamSettings = ({updateSettings, settingsError, settings, errors}) => {
checked={settings.infoBoxEnable} />
- {lang.t('configure.include-comment-stream')}
-
+
+ {lang.t('configure.include-comment-stream')}
+
+
{lang.t('configure.include-comment-stream-desc')}
@@ -109,7 +113,8 @@ const StreamSettings = ({updateSettings, settingsError, settings, errors}) => {
onChange={updateInfoBoxContent(updateSettings)}
value={settings.infoBoxContent}
label={lang.t('configure.include-text')}
- rows={3}/>
+ rows={3}
+ />
diff --git a/client/coral-admin/src/translations.json b/client/coral-admin/src/translations.json
index cebc499ca..686001f6a 100644
--- a/client/coral-admin/src/translations.json
+++ b/client/coral-admin/src/translations.json
@@ -63,7 +63,7 @@
"enable-pre-moderation-text": "Moderators must approve any comment before it is published.",
"require-email-verification": "Require Email Verification",
"require-email-verification-text": "New Users must verify their email before commenting",
- "include-comment-stream": "Include Comment Stream Description for Readers.",
+ "include-comment-stream": "Include Comment Stream Description for Readers",
"include-comment-stream-desc": "Write a message to be added to the top of your comment stream. Pose a topic, include community guidelines, etc.",
"include-text": "Include your text here.",
"comment-settings": "Settings",
@@ -87,7 +87,7 @@
"close-after": "Close comments after",
"comment-count-header": "Limit Comment Length",
"comment-count-text-pre": "Comments will be limited to ",
- "comment-count-text-post": " characters.",
+ "comment-count-text-post": " characters",
"comment-count-error": "Please enter a valid number.",
"domain-list-title": "Permitted Domains",
"domain-list-text": "Enter the domains you would like to permit for Talk, e.g. your local, staging and production environments (ex. localhost:3000, staging.domain.com, domain.com)."