diff --git a/app/soapbox/features/soapbox_config/index.js b/app/soapbox/features/soapbox_config/index.js index 50ba5257d..bb81deb33 100644 --- a/app/soapbox/features/soapbox_config/index.js +++ b/app/soapbox/features/soapbox_config/index.js @@ -204,10 +204,15 @@ class SoapboxConfig extends ImmutablePureComponent { value={soapbox.get('brandColor')} onChange={this.handleChange(['brandColor'], (e) => e.hex)} /> - value)} - settings={settings} - /> +
+
+ + value)} + settings={settings} + /> +
+
+ +
diff --git a/app/styles/forms.scss b/app/styles/forms.scss index 9829ce280..85cccb476 100644 --- a/app/styles/forms.scss +++ b/app/styles/forms.scss @@ -704,6 +704,7 @@ code { right: 7px; cursor: pointer; color: $error-red; + transform: translateY(9px); } .site-preview { @@ -735,3 +736,13 @@ code { height: 100%; } } + +.input.with_label.toggle .label_input { + display: flex; + font-size: 14px; + align-items: center; + + .theme-toggle { + margin-left: 10px; + } +}