diff --git a/client/coral-admin/src/containers/Configure/Configure.css b/client/coral-admin/src/containers/Configure/Configure.css index 058ff7a64..6cb623978 100644 --- a/client/coral-admin/src/containers/Configure/Configure.css +++ b/client/coral-admin/src/containers/Configure/Configure.css @@ -24,10 +24,30 @@ margin-bottom: 20px; align-items: flex-start; min-height: 100px; + max-width: 600px; h3 { margin: 0; } + + .actions { + display: inline-block; + width: 100%; + + .copiedText { + display: inline-block; + color: #00796b; + padding: 12px; + font-size: 14px; + float: right; + } + + .copyButton { + display: inline-block; + width: 200px; + float: right; + } + } } .settingsError { @@ -41,7 +61,9 @@ .settingsHeader { margin-top: 3px; - margin-bottom: 10px; + margin-bottom: 7px; + font-size: 18px; + font-weight: 500; } .disabledSettingText { @@ -58,11 +80,6 @@ overflow: visible; } -.configSettingInfoBox p { - font-size: 12px; - bottom: 0; -} - .configSettingEmbed { border: 1px solid #ccc; border-radius: 4px; @@ -81,6 +98,8 @@ border-color: #ccc; border-style: solid; border-width: 0px 0px 1px 0px; + font-size: 14px; + text-align: center; } .charCountTexfieldEnabled { @@ -96,29 +115,18 @@ color: white; } -.copiedText { - color: #00796b; - float: right; - padding: 12px; - font-size: 14px; -} - -.copyButton { - float: right; - width: 200px; -} - .embedInput { - border-radius: 3px; - border: 1px solid #ccc; + width: 100%; display: block; - width: 90%; - vertical-align: middle; - margin-bottom: 10px; - color: #555; - padding: 14px; + outline: none; + border: 1px solid rgba(0,0,0,.12); + padding: 6px; + box-sizing: border-box; + border-radius: 2px; + margin: 5px auto; + min-height: 175px; font-size: 14px; - letter-spacing: 0.03em; + resize: none; } #bannedWordlist, #suspectWordlist { @@ -170,3 +178,24 @@ padding-left: 30px; } } + +.Configure { + + p { + line-height: 1.2; + max-width: 550px; + } + + .wrapper { + width: 550px; + } + + .descriptionBox { + margin-top: 15px; + max-width: 550px; + + input { + height: 150px; + } + } +} diff --git a/client/coral-admin/src/containers/Configure/Domainlist.js b/client/coral-admin/src/containers/Configure/Domainlist.js index c8c7cbd6c..f1fc25dd0 100644 --- a/client/coral-admin/src/containers/Configure/Domainlist.js +++ b/client/coral-admin/src/containers/Configure/Domainlist.js @@ -10,15 +10,19 @@ const lang = new I18n(translations); const Domainlist = ({domains, onChangeDomainlist}) => { return ( -

{lang.t('configure.domain-list-title')}

-

{lang.t('configure.domain-list-text')}

- data.split(',').map(d => d.trim())} - onChange={tags => onChangeDomainlist('whitelist', tags)} - /> +
+
{lang.t('configure.domain-list-title')}
+

{lang.t('configure.domain-list-text')}

+
+ data.split(',').map(d => d.trim())} + onChange={tags => onChangeDomainlist('whitelist', tags)} + /> +
+
); }; diff --git a/client/coral-admin/src/containers/Configure/EmbedLink.js b/client/coral-admin/src/containers/Configure/EmbedLink.js index 674bafa6e..86ab8b1f8 100644 --- a/client/coral-admin/src/containers/Configure/EmbedLink.js +++ b/client/coral-admin/src/containers/Configure/EmbedLink.js @@ -45,13 +45,19 @@ class EmbedLink extends Component { `.trim(); return ( -

Embed Comment Stream

-

{lang.t('configure.copy-and-paste')}

-