diff --git a/client/coral-admin/src/containers/Configure/Configure.css b/client/coral-admin/src/containers/Configure/Configure.css index c262b01d3..0272fdec0 100644 --- a/client/coral-admin/src/containers/Configure/Configure.css +++ b/client/coral-admin/src/containers/Configure/Configure.css @@ -24,10 +24,29 @@ 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 { @@ -95,29 +114,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,11 +178,15 @@ } } - .Configure { + p { line-height: 1.2; - max-width: 600px; + max-width: 550px; + } + + .wrapper { + width: 550px; } .descriptionBox { 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')}

-