diff --git a/client/coral-admin/src/containers/Configure/Configure.css b/client/coral-admin/src/containers/Configure/Configure.css index 5f4a07c81..058ff7a64 100644 --- a/client/coral-admin/src/containers/Configure/Configure.css +++ b/client/coral-admin/src/containers/Configure/Configure.css @@ -3,7 +3,7 @@ h3 { color: black; - font-size: 1.76em; + font-size: 1.26em; font-weight: 500; } } @@ -24,6 +24,10 @@ margin-bottom: 20px; align-items: flex-start; min-height: 100px; + + h3 { + margin: 0; + } } .settingsError { @@ -118,18 +122,19 @@ } #bannedWordlist, #suspectWordlist { - width: 100%; - padding: 10px; - + display: block; input { width: 100%; } } -.wordlistHeader { - font-weight: bold; - font-size:18px; - margin-bottom:3px; +.customCSSInput { + width: 100%; + font-size: 14px; + padding: 14px; + letter-spacing: 0.03em; + color: #555; + box-sizing: border-box; } .enabledSetting { diff --git a/client/coral-admin/src/containers/Configure/Configure.js b/client/coral-admin/src/containers/Configure/Configure.js index 2fbe9daf2..140f5786a 100644 --- a/client/coral-admin/src/containers/Configure/Configure.js +++ b/client/coral-admin/src/containers/Configure/Configure.js @@ -89,6 +89,7 @@ class Configure extends Component { sectionComponent = ; } diff --git a/client/coral-admin/src/containers/Configure/Domainlist.js b/client/coral-admin/src/containers/Configure/Domainlist.js index bda3ca139..c8c7cbd6c 100644 --- a/client/coral-admin/src/containers/Configure/Domainlist.js +++ b/client/coral-admin/src/containers/Configure/Domainlist.js @@ -10,7 +10,7 @@ const lang = new I18n(translations); const Domainlist = ({domains, onChangeDomainlist}) => { return ( - {lang.t('configure.domain-list-title')} + {lang.t('configure.domain-list-title')} {lang.t('configure.domain-list-text')} + Embed Comment Stream {lang.t('configure.copy-and-paste')} diff --git a/client/coral-admin/src/containers/Configure/ModerationSettings.js b/client/coral-admin/src/containers/Configure/ModerationSettings.js index 8343f6e04..23f0f39d8 100644 --- a/client/coral-admin/src/containers/Configure/ModerationSettings.js +++ b/client/coral-admin/src/containers/Configure/ModerationSettings.js @@ -12,6 +12,10 @@ const updateModeration = (updateSettings, mod) => () => { updateSettings({moderation}); }; +const updateEmailConfirmation = (updateSettings, verify) => () => { + updateSettings({requireEmailConfirmation: !verify}); +}; + const ModerationSettings = ({settings, updateSettings, onChangeWordlist}) => { // just putting this here for shorthand below @@ -20,6 +24,19 @@ const ModerationSettings = ({settings, updateSettings, onChangeWordlist}) => { return ( + + + + + + {lang.t('configure.require-email-verification')} + + {lang.t('configure.require-email-verification-text')} + + + (event) => { updateSettings({charCount: charCount}); }; -const updateEmailConfirmation = (updateSettings, verify) => () => { - updateSettings({requireEmailConfirmation: !verify}); -}; - const updateInfoBoxEnable = (updateSettings, infoBox) => () => { const infoBoxEnable = !infoBox; updateSettings({infoBoxEnable}); @@ -69,19 +65,6 @@ const StreamSettings = ({updateSettings, settingsError, settings, errors}) => { return ( - - - - - - {lang.t('configure.require-email-verification')} - - {lang.t('configure.require-email-verification-text')} - - - { domains={settings.domains.whitelist} onChangeDomainlist={onChangeDomainlist} /> - - - {lang.t('configure.custom-css-url')} - {lang.t('configure.custom-css-url-desc')} - - - + + {lang.t('configure.custom-css-url')} + {lang.t('configure.custom-css-url-desc')} + + ); diff --git a/client/coral-admin/src/containers/Configure/Wordlist.js b/client/coral-admin/src/containers/Configure/Wordlist.js index 1a808acc6..aa79cb8ae 100644 --- a/client/coral-admin/src/containers/Configure/Wordlist.js +++ b/client/coral-admin/src/containers/Configure/Wordlist.js @@ -7,9 +7,8 @@ import {Card} from 'coral-ui'; const Wordlist = ({suspectWords, bannedWords, onChangeWordlist}) => ( - {lang.t('configure.banned-words-title')} - - {lang.t('configure.banned-word-header')} + + {lang.t('configure.banned-words-title')} {lang.t('configure.banned-word-text')} ( onChange={tags => onChangeWordlist('banned', tags)} /> - {lang.t('configure.suspect-words-title')} - - {lang.t('configure.suspect-word-header')} + + {lang.t('configure.suspect-words-title')} {lang.t('configure.suspect-word-text')}
{lang.t('configure.domain-list-text')}
{lang.t('configure.copy-and-paste')}
+ {lang.t('configure.require-email-verification-text')} +
- {lang.t('configure.require-email-verification-text')} -
{lang.t('configure.custom-css-url-desc')}
{lang.t('configure.banned-word-header')}
{lang.t('configure.banned-word-text')}
{lang.t('configure.suspect-word-header')}
{lang.t('configure.suspect-word-text')}