From 12bdeac7182516b235bb97b873097da6d30c7b0c Mon Sep 17 00:00:00 2001
From: Mary Kate <mk@marykatefain.com>
Date: Wed, 30 Sep 2020 14:09:00 -0500
Subject: [PATCH] updates to Soapbox Config. Remove unnecessary fields, add
 accordion component

---
 app/soapbox/features/soapbox_config/index.js  | 37 +++++++------
 .../features/ui/components/accordion.js       | 54 +++++++++++++++++++
 app/soapbox/locales/ar.json                   |  4 +-
 app/soapbox/locales/ast.json                  |  4 +-
 app/soapbox/locales/bg.json                   |  4 +-
 app/soapbox/locales/bn.json                   |  4 +-
 app/soapbox/locales/br.json                   |  4 +-
 app/soapbox/locales/ca.json                   |  4 +-
 app/soapbox/locales/co.json                   |  4 +-
 app/soapbox/locales/cs.json                   |  4 +-
 app/soapbox/locales/cy.json                   |  4 +-
 app/soapbox/locales/da.json                   |  4 +-
 app/soapbox/locales/de.json                   |  4 +-
 app/soapbox/locales/defaultMessages.json      |  4 +-
 app/soapbox/locales/el.json                   |  4 +-
 app/soapbox/locales/en.json                   |  4 +-
 app/soapbox/locales/eo.json                   |  4 +-
 app/soapbox/locales/es-AR.json                |  4 +-
 app/soapbox/locales/es.json                   |  4 +-
 app/soapbox/locales/et.json                   |  4 +-
 app/soapbox/locales/eu.json                   |  4 +-
 app/soapbox/locales/fa.json                   |  4 +-
 app/soapbox/locales/fi.json                   |  4 +-
 app/soapbox/locales/fr.json                   |  4 +-
 app/soapbox/locales/ga.json                   |  4 +-
 app/soapbox/locales/gl.json                   |  4 +-
 app/soapbox/locales/he.json                   |  4 +-
 app/soapbox/locales/hi.json                   |  4 +-
 app/soapbox/locales/hr.json                   |  4 +-
 app/soapbox/locales/hu.json                   |  4 +-
 app/soapbox/locales/hy.json                   |  4 +-
 app/soapbox/locales/id.json                   |  4 +-
 app/soapbox/locales/io.json                   |  4 +-
 app/soapbox/locales/it.json                   |  4 +-
 app/soapbox/locales/ja.json                   |  4 +-
 app/soapbox/locales/ka.json                   |  4 +-
 app/soapbox/locales/kk.json                   |  4 +-
 app/soapbox/locales/ko.json                   |  4 +-
 app/soapbox/locales/lt.json                   |  4 +-
 app/soapbox/locales/lv.json                   |  4 +-
 app/soapbox/locales/mk.json                   |  4 +-
 app/soapbox/locales/ms.json                   |  4 +-
 app/soapbox/locales/nl.json                   |  4 +-
 app/soapbox/locales/nn.json                   |  4 +-
 app/soapbox/locales/no.json                   |  4 +-
 app/soapbox/locales/oc.json                   |  4 +-
 app/soapbox/locales/pl.json                   |  4 +-
 app/soapbox/locales/pt-BR.json                |  4 +-
 app/soapbox/locales/pt.json                   |  4 +-
 app/soapbox/locales/ro.json                   |  4 +-
 app/soapbox/locales/ru.json                   |  4 +-
 app/soapbox/locales/sk.json                   |  4 +-
 app/soapbox/locales/sl.json                   |  4 +-
 app/soapbox/locales/sq.json                   |  4 +-
 app/soapbox/locales/sr-Latn.json              |  4 +-
 app/soapbox/locales/sr.json                   |  4 +-
 app/soapbox/locales/sv.json                   |  4 +-
 app/soapbox/locales/ta.json                   |  4 +-
 app/soapbox/locales/te.json                   |  4 +-
 app/soapbox/locales/th.json                   |  4 +-
 app/soapbox/locales/tr.json                   |  4 +-
 app/soapbox/locales/uk.json                   |  4 +-
 app/soapbox/locales/zh-CN.json                |  4 +-
 app/soapbox/locales/zh-HK.json                |  4 +-
 app/soapbox/locales/zh-TW.json                |  4 +-
 app/styles/basics.scss                        | 19 ++++++-
 app/styles/forms.scss                         | 22 ++++++++
 67 files changed, 240 insertions(+), 144 deletions(-)
 create mode 100644 app/soapbox/features/ui/components/accordion.js

diff --git a/app/soapbox/features/soapbox_config/index.js b/app/soapbox/features/soapbox_config/index.js
index 9b8b1942d..0fa43392a 100644
--- a/app/soapbox/features/soapbox_config/index.js
+++ b/app/soapbox/features/soapbox_config/index.js
@@ -24,6 +24,7 @@ import { SketchPicker } from 'react-color';
 import Overlay from 'react-overlays/lib/Overlay';
 import { isMobile } from 'soapbox/is_mobile';
 import detectPassiveEvents from 'detect-passive-events';
+import Accordion from '../ui/components/accordion';
 
 const messages = defineMessages({
   heading: { id: 'column.soapbox_config', defaultMessage: 'Soapbox config' },
@@ -34,8 +35,8 @@ const messages = defineMessages({
   homeFooterItemLabel: { id: 'soapbox_config.home_footer.meta_fields.label_placeholder', defaultMessage: 'Label' },
   homeFooterItemURL: { id: 'soapbox_config.home_footer.meta_fields.url_placeholder', defaultMessage: 'URL' },
   customCssLabel: { id: 'soapbox_config.custom_css.meta_fields.url_placeholder', defaultMessage: 'URL' },
-  rawJSONLabel: { id: 'soapbox_config.raw_json_label', defaultMessage: 'Raw JSON data' },
-  rawJSONHint: { id: 'soapbox_config.raw_json_hint', defaultMessage: 'Advanced: Edit the settings data directly.' },
+  rawJSONLabel: { id: 'soapbox_config.raw_json_label', defaultMessage: 'Advanced: Edit raw JSON data' },
+  rawJSONHint: { id: 'soapbox_config.raw_json_hint', defaultMessage: 'Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click "Save" to apply your changes.' },
 });
 
 const listenerOptions = detectPassiveEvents.hasSupport ? { passive: true } : false;
@@ -202,7 +203,7 @@ class SoapboxConfig extends ImmutablePureComponent {
                   />
                 </div>
               </div>
-              <div className='fields-row file-picker'>
+              {/*<div className='fields-row file-picker'>
                 <div className='fields-row__column fields-row__column-6'>
                   <img src={soapbox.get('banner')} />
                 </div>
@@ -214,7 +215,7 @@ class SoapboxConfig extends ImmutablePureComponent {
                     onChange={this.handleFileChange(['banner'])}
                   />
                 </div>
-              </div>
+              </div>*/}
             </FieldsGroup>
             <FieldsGroup>
               <div className='fields-row__column fields-group'>
@@ -226,7 +227,7 @@ class SoapboxConfig extends ImmutablePureComponent {
                 />
               </div>
             </FieldsGroup>
-            <FieldsGroup>
+            {/*<FieldsGroup>
               <Checkbox
                 label={<FormattedMessage id='soapbox_config.fields.patron_enabled_label' defaultMessage='Patron module' />}
                 hint={<FormattedMessage id='soapbox_config.hints.patron_enabled' defaultMessage='Enables display of Patron module.  Requires installation of Patron module.' />}
@@ -236,7 +237,7 @@ class SoapboxConfig extends ImmutablePureComponent {
                   ['extensions', 'patron', 'enabled'], (e) => e.checked,
                 )}
               />
-            </FieldsGroup>
+            </FieldsGroup>*/}
             <FieldsGroup>
               <TextInput
                 name='copyright'
@@ -346,17 +347,19 @@ class SoapboxConfig extends ImmutablePureComponent {
                 </div>
               </div> */}
             </FieldsGroup>
-            <FieldsGroup>
-              <div className={this.state.jsonValid ? 'code-editor' : 'code-editor code-editor--invalid'}>
-                <SimpleTextarea
-                  label={intl.formatMessage(messages.rawJSONLabel)}
-                  hint={intl.formatMessage(messages.rawJSONHint)}
-                  value={this.state.rawJSON}
-                  onChange={this.handleEditJSON}
-                  rows={12}
-                />
-              </div>
-            </FieldsGroup>
+            <Accordion
+              headline={intl.formatMessage(messages.rawJSONLabel)}
+              content={<FieldsGroup>
+                <div className={this.state.jsonValid ? 'code-editor' : 'code-editor code-editor--invalid'}>
+                  <SimpleTextarea
+                    hint={intl.formatMessage(messages.rawJSONHint)}
+                    value={this.state.rawJSON}
+                    onChange={this.handleEditJSON}
+                    rows={12}
+                  />
+                </div>
+              </FieldsGroup>}
+            />
           </fieldset>
           <div className='actions'>
             <button name='button' type='submit' className='btn button button-primary'>
diff --git a/app/soapbox/features/ui/components/accordion.js b/app/soapbox/features/ui/components/accordion.js
new file mode 100644
index 000000000..a06442ce6
--- /dev/null
+++ b/app/soapbox/features/ui/components/accordion.js
@@ -0,0 +1,54 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { defineMessages, injectIntl } from 'react-intl';
+import IconButton from 'soapbox/components/icon_button';
+import classNames from 'classnames';
+
+const messages = defineMessages({
+  collapse: { id: 'accordion.collapse', defaultMessage: 'Collapse accordion' },
+  expand: { id: 'accordion.expand', defaultMessage: 'Expand accordion' },
+});
+
+
+export default @injectIntl class Accordion extends React.PureComponent {
+
+  static propTypes = {
+    headline: PropTypes.string,
+    content: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    intl: PropTypes.object.isRequired,
+  };
+
+  state = {
+    expanded: false,
+  }
+
+  handleToggleAccordion = () => {
+    this.setState({ expanded: !this.state.expanded });
+  }
+
+  render() {
+    const { headline, content, intl } = this.props;
+    const { expanded } = this.state;
+
+    return (
+      <div className='accordion'>
+        {headline && <div className='accordion__title'>{headline}
+          <IconButton
+            className='accordion__toggle' size={20}
+            title={expanded ? intl.formatMessage(messages.collapse) : intl.formatMessage(messages.expand)}
+            icon={expanded ? 'angle-down' : 'angle-up'}
+            onClick={this.handleToggleAccordion}
+          />
+        </div>}
+        <div className={classNames(
+          'accordion_content',
+          { 'expanded' : expanded },
+          { 'closed' : !expanded })}
+        >
+          {content}
+        </div>
+      </div>
+    );
+  }
+
+}
diff --git a/app/soapbox/locales/ar.json b/app/soapbox/locales/ar.json
index c85ec3160..420904136 100644
--- a/app/soapbox/locales/ar.json
+++ b/app/soapbox/locales/ar.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "افتح الواجهة الإدارية لـ @{name}",
   "status.admin_status": "افتح هذا المنشور على واجهة الإشراف",
diff --git a/app/soapbox/locales/ast.json b/app/soapbox/locales/ast.json
index 136587af9..5aef01e25 100644
--- a/app/soapbox/locales/ast.json
+++ b/app/soapbox/locales/ast.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Open moderation interface for @{name}",
   "status.admin_status": "Open this post in the moderation interface",
diff --git a/app/soapbox/locales/bg.json b/app/soapbox/locales/bg.json
index 0384c7b00..fefe4bb47 100644
--- a/app/soapbox/locales/bg.json
+++ b/app/soapbox/locales/bg.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Open moderation interface for @{name}",
   "status.admin_status": "Open this post in the moderation interface",
diff --git a/app/soapbox/locales/bn.json b/app/soapbox/locales/bn.json
index 00f2fbec4..bbed25e85 100644
--- a/app/soapbox/locales/bn.json
+++ b/app/soapbox/locales/bn.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "@{name} র জন্য পরিচালনার ইন্টারফেসে ঢুকুন",
   "status.admin_status": "যায় লেখাটি পরিচালনার ইন্টারফেসে খুলুন",
diff --git a/app/soapbox/locales/br.json b/app/soapbox/locales/br.json
index 729a0ef8e..71535b4e3 100644
--- a/app/soapbox/locales/br.json
+++ b/app/soapbox/locales/br.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Open moderation interface for @{name}",
   "status.admin_status": "Open this post in the moderation interface",
diff --git a/app/soapbox/locales/ca.json b/app/soapbox/locales/ca.json
index b4cee2c22..7a60fdc4e 100644
--- a/app/soapbox/locales/ca.json
+++ b/app/soapbox/locales/ca.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Obre l'interfície de moderació per a @{name}",
   "status.admin_status": "Obre aquest toot a la interfície de moderació",
diff --git a/app/soapbox/locales/co.json b/app/soapbox/locales/co.json
index 10ab6a686..12c533f16 100644
--- a/app/soapbox/locales/co.json
+++ b/app/soapbox/locales/co.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Apre l'interfaccia di muderazione per @{name}",
   "status.admin_status": "Apre stu statutu in l'interfaccia di muderazione",
diff --git a/app/soapbox/locales/cs.json b/app/soapbox/locales/cs.json
index b5bcbad8e..02a2983a6 100644
--- a/app/soapbox/locales/cs.json
+++ b/app/soapbox/locales/cs.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Otevřít moderátorské rozhraní pro uživatele @{name}",
   "status.admin_status": "Otevřít tento toot v moderátorském rozhraní",
diff --git a/app/soapbox/locales/cy.json b/app/soapbox/locales/cy.json
index 1fa612045..d1067656d 100644
--- a/app/soapbox/locales/cy.json
+++ b/app/soapbox/locales/cy.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Agor rhyngwyneb goruwchwylio ar gyfer @{name}",
   "status.admin_status": "Agor y tŵt yn y rhyngwyneb goruwchwylio",
diff --git a/app/soapbox/locales/da.json b/app/soapbox/locales/da.json
index b6b45f71a..f515ea170 100644
--- a/app/soapbox/locales/da.json
+++ b/app/soapbox/locales/da.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Åben modereringsvisning for @{name}",
   "status.admin_status": "Åben denne status i modereringsvisningen",
diff --git a/app/soapbox/locales/de.json b/app/soapbox/locales/de.json
index d895ee5c1..a6134ba80 100644
--- a/app/soapbox/locales/de.json
+++ b/app/soapbox/locales/de.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Öffne Moderationsoberfläche für @{name}",
   "status.admin_status": "Öffne Beitrag in der Moderationsoberfläche",
diff --git a/app/soapbox/locales/defaultMessages.json b/app/soapbox/locales/defaultMessages.json
index 5b313cd40..4b37348be 100644
--- a/app/soapbox/locales/defaultMessages.json
+++ b/app/soapbox/locales/defaultMessages.json
@@ -2845,11 +2845,11 @@
         "id": "soapbox_config.custom_css.meta_fields.url_placeholder"
       },
       {
-        "defaultMessage": "Raw JSON data",
+        "defaultMessage": "Advanced: Edit raw JSON data",
         "id": "soapbox_config.raw_json_label"
       },
       {
-        "defaultMessage": "Advanced: Edit the settings data directly.",
+        "defaultMessage": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
         "id": "soapbox_config.raw_json_hint"
       },
       {
diff --git a/app/soapbox/locales/el.json b/app/soapbox/locales/el.json
index 3fc83e00f..fa08863cf 100644
--- a/app/soapbox/locales/el.json
+++ b/app/soapbox/locales/el.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Άνοιγμα λειτουργίας διαμεσολάβησης για τον/την @{name}",
   "status.admin_status": "Άνοιγμα αυτής της δημοσίευσης στη λειτουργία διαμεσολάβησης",
diff --git a/app/soapbox/locales/en.json b/app/soapbox/locales/en.json
index 7003f9bfe..fdfeffffd 100644
--- a/app/soapbox/locales/en.json
+++ b/app/soapbox/locales/en.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Open moderation interface for @{name}",
   "status.admin_status": "Open this post in the moderation interface",
diff --git a/app/soapbox/locales/eo.json b/app/soapbox/locales/eo.json
index 7357fb6b9..46954d77e 100644
--- a/app/soapbox/locales/eo.json
+++ b/app/soapbox/locales/eo.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Malfermi la kontrolan interfacon por @{name}",
   "status.admin_status": "Malfermi ĉi tiun mesaĝon en la kontrola interfaco",
diff --git a/app/soapbox/locales/es-AR.json b/app/soapbox/locales/es-AR.json
index c0c832026..a0eb0e956 100644
--- a/app/soapbox/locales/es-AR.json
+++ b/app/soapbox/locales/es-AR.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Abrir interface de moderación para @{name}",
   "status.admin_status": "Abrir este estado en la interface de moderación",
diff --git a/app/soapbox/locales/es.json b/app/soapbox/locales/es.json
index 15580f2ab..acd93ba09 100644
--- a/app/soapbox/locales/es.json
+++ b/app/soapbox/locales/es.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Abrir interfaz de moderación para @{name}",
   "status.admin_status": "Abrir este estado en la interfaz de moderación",
diff --git a/app/soapbox/locales/et.json b/app/soapbox/locales/et.json
index 507523b16..81e286dd1 100644
--- a/app/soapbox/locales/et.json
+++ b/app/soapbox/locales/et.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Ava moderaatoriliides kasutajale @{name}",
   "status.admin_status": "Ava see staatus moderaatoriliites",
diff --git a/app/soapbox/locales/eu.json b/app/soapbox/locales/eu.json
index f0955c485..f5e0b03df 100644
--- a/app/soapbox/locales/eu.json
+++ b/app/soapbox/locales/eu.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Ireki @{name} erabiltzailearen moderazio interfazea",
   "status.admin_status": "Ireki mezu hau moderazio interfazean",
diff --git a/app/soapbox/locales/fa.json b/app/soapbox/locales/fa.json
index fdd256dc0..61076f03e 100644
--- a/app/soapbox/locales/fa.json
+++ b/app/soapbox/locales/fa.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "محیط مدیریت مربوط به @{name} را باز کن",
   "status.admin_status": "این نوشته را در محیط مدیریت باز کن",
diff --git a/app/soapbox/locales/fi.json b/app/soapbox/locales/fi.json
index 2ddaebaac..9bf7a37e0 100644
--- a/app/soapbox/locales/fi.json
+++ b/app/soapbox/locales/fi.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Avaa moderaattorinäkymä tilistä @{name}",
   "status.admin_status": "Avaa tilapäivitys moderaattorinäkymässä",
diff --git a/app/soapbox/locales/fr.json b/app/soapbox/locales/fr.json
index 667e783ad..8b0769eb3 100644
--- a/app/soapbox/locales/fr.json
+++ b/app/soapbox/locales/fr.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Ouvrir l’interface de modération pour @{name}",
   "status.admin_status": "Ouvrir ce statut dans l’interface de modération",
diff --git a/app/soapbox/locales/ga.json b/app/soapbox/locales/ga.json
index ad44ad1b2..0a1965714 100644
--- a/app/soapbox/locales/ga.json
+++ b/app/soapbox/locales/ga.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Open moderation interface for @{name}",
   "status.admin_status": "Open this post in the moderation interface",
diff --git a/app/soapbox/locales/gl.json b/app/soapbox/locales/gl.json
index 54ea94656..b27188cac 100644
--- a/app/soapbox/locales/gl.json
+++ b/app/soapbox/locales/gl.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Abrir interface de moderación para @{name}",
   "status.admin_status": "Abrir este estado na interface de moderación",
diff --git a/app/soapbox/locales/he.json b/app/soapbox/locales/he.json
index 53be2e329..f29e47dc5 100644
--- a/app/soapbox/locales/he.json
+++ b/app/soapbox/locales/he.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Open moderation interface for @{name}",
   "status.admin_status": "Open this post in the moderation interface",
diff --git a/app/soapbox/locales/hi.json b/app/soapbox/locales/hi.json
index 6f8664e23..95664d68c 100644
--- a/app/soapbox/locales/hi.json
+++ b/app/soapbox/locales/hi.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Open moderation interface for @{name}",
   "status.admin_status": "Open this post in the moderation interface",
diff --git a/app/soapbox/locales/hr.json b/app/soapbox/locales/hr.json
index 1e8098c47..e446be168 100644
--- a/app/soapbox/locales/hr.json
+++ b/app/soapbox/locales/hr.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Open moderation interface for @{name}",
   "status.admin_status": "Open this post in the moderation interface",
diff --git a/app/soapbox/locales/hu.json b/app/soapbox/locales/hu.json
index 4eea27c3f..1cda1ffc9 100644
--- a/app/soapbox/locales/hu.json
+++ b/app/soapbox/locales/hu.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Moderáció megnyitása @{name} felhasználóhoz",
   "status.admin_status": "Tülk megnyitása moderációra",
diff --git a/app/soapbox/locales/hy.json b/app/soapbox/locales/hy.json
index 858304ff5..9a74cefaf 100644
--- a/app/soapbox/locales/hy.json
+++ b/app/soapbox/locales/hy.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Open moderation interface for @{name}",
   "status.admin_status": "Open this post in the moderation interface",
diff --git a/app/soapbox/locales/id.json b/app/soapbox/locales/id.json
index 947b2a1fd..ca69e90a4 100644
--- a/app/soapbox/locales/id.json
+++ b/app/soapbox/locales/id.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Open moderation interface for @{name}",
   "status.admin_status": "Open this post in the moderation interface",
diff --git a/app/soapbox/locales/io.json b/app/soapbox/locales/io.json
index be6a481fd..e92b221a0 100644
--- a/app/soapbox/locales/io.json
+++ b/app/soapbox/locales/io.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Open moderation interface for @{name}",
   "status.admin_status": "Open this post in the moderation interface",
diff --git a/app/soapbox/locales/it.json b/app/soapbox/locales/it.json
index ed983f92f..6ff49fb2b 100644
--- a/app/soapbox/locales/it.json
+++ b/app/soapbox/locales/it.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Apri interfaccia di moderazione per @{name}",
   "status.admin_status": "Apri questo status nell'interfaccia di moderazione",
diff --git a/app/soapbox/locales/ja.json b/app/soapbox/locales/ja.json
index a81eae9be..977e8dcfe 100644
--- a/app/soapbox/locales/ja.json
+++ b/app/soapbox/locales/ja.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "@{name} のモデレーション画面を開く",
   "status.admin_status": "このトゥートをモデレーション画面で開く",
diff --git a/app/soapbox/locales/ka.json b/app/soapbox/locales/ka.json
index 0f402aa18..ab638a646 100644
--- a/app/soapbox/locales/ka.json
+++ b/app/soapbox/locales/ka.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Open moderation interface for @{name}",
   "status.admin_status": "Open this post in the moderation interface",
diff --git a/app/soapbox/locales/kk.json b/app/soapbox/locales/kk.json
index 0f13a01a2..38c8ef32b 100644
--- a/app/soapbox/locales/kk.json
+++ b/app/soapbox/locales/kk.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "@{name} үшін модерация интерфейсін аш",
   "status.admin_status": "Бұл жазбаны модерация интерфейсінде аш",
diff --git a/app/soapbox/locales/ko.json b/app/soapbox/locales/ko.json
index 05c42aef1..f4d3d3747 100644
--- a/app/soapbox/locales/ko.json
+++ b/app/soapbox/locales/ko.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "@{name}에 대한 모더레이션 인터페이스 열기",
   "status.admin_status": "모더레이션 인터페이스에서 이 게시물 열기",
diff --git a/app/soapbox/locales/lt.json b/app/soapbox/locales/lt.json
index 5d11fc863..32a8064d2 100644
--- a/app/soapbox/locales/lt.json
+++ b/app/soapbox/locales/lt.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Open moderation interface for @{name}",
   "status.admin_status": "Open this post in the moderation interface",
diff --git a/app/soapbox/locales/lv.json b/app/soapbox/locales/lv.json
index 3ec93b2b0..c5e19c695 100644
--- a/app/soapbox/locales/lv.json
+++ b/app/soapbox/locales/lv.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Open moderation interface for @{name}",
   "status.admin_status": "Open this post in the moderation interface",
diff --git a/app/soapbox/locales/mk.json b/app/soapbox/locales/mk.json
index f7fabd82e..25e4a696f 100644
--- a/app/soapbox/locales/mk.json
+++ b/app/soapbox/locales/mk.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Open moderation interface for @{name}",
   "status.admin_status": "Open this post in the moderation interface",
diff --git a/app/soapbox/locales/ms.json b/app/soapbox/locales/ms.json
index 665e3785e..da929cc84 100644
--- a/app/soapbox/locales/ms.json
+++ b/app/soapbox/locales/ms.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Open moderation interface for @{name}",
   "status.admin_status": "Open this post in the moderation interface",
diff --git a/app/soapbox/locales/nl.json b/app/soapbox/locales/nl.json
index e42ba4155..3f4dc569e 100644
--- a/app/soapbox/locales/nl.json
+++ b/app/soapbox/locales/nl.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Moderatie-omgeving van @{name} openen",
   "status.admin_status": "Deze toot in de moderatie-omgeving openen",
diff --git a/app/soapbox/locales/nn.json b/app/soapbox/locales/nn.json
index 501bd9f0a..5478c9237 100644
--- a/app/soapbox/locales/nn.json
+++ b/app/soapbox/locales/nn.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Open moderation interface for @{name}",
   "status.admin_status": "Open this post in the moderation interface",
diff --git a/app/soapbox/locales/no.json b/app/soapbox/locales/no.json
index 775f00bb2..43734061f 100644
--- a/app/soapbox/locales/no.json
+++ b/app/soapbox/locales/no.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Open moderation interface for @{name}",
   "status.admin_status": "Open this post in the moderation interface",
diff --git a/app/soapbox/locales/oc.json b/app/soapbox/locales/oc.json
index 8b7056395..e6ca3cc03 100644
--- a/app/soapbox/locales/oc.json
+++ b/app/soapbox/locales/oc.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Dobrir l’interfàcia de moderacion per @{name}",
   "status.admin_status": "Dobrir aqueste estatut dins l’interfàcia de moderacion",
diff --git a/app/soapbox/locales/pl.json b/app/soapbox/locales/pl.json
index 9b09236df..4b02801dd 100644
--- a/app/soapbox/locales/pl.json
+++ b/app/soapbox/locales/pl.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Otwórz interfejs moderacyjny dla @{name}",
   "status.admin_status": "Otwórz ten wpis w interfejsie moderacyjnym",
diff --git a/app/soapbox/locales/pt-BR.json b/app/soapbox/locales/pt-BR.json
index cdafe104f..8247bfee7 100644
--- a/app/soapbox/locales/pt-BR.json
+++ b/app/soapbox/locales/pt-BR.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Abrir interface de moderação para @{name}",
   "status.admin_status": "Abrir esse status na interface de moderação",
diff --git a/app/soapbox/locales/pt.json b/app/soapbox/locales/pt.json
index 461e962f6..4ca0b546e 100644
--- a/app/soapbox/locales/pt.json
+++ b/app/soapbox/locales/pt.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Abrir a interface de moderação para @{name}",
   "status.admin_status": "Abrir esta publicação na interface de moderação",
diff --git a/app/soapbox/locales/ro.json b/app/soapbox/locales/ro.json
index 44d0a648c..d35ccf58d 100644
--- a/app/soapbox/locales/ro.json
+++ b/app/soapbox/locales/ro.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Open moderation interface for @{name}",
   "status.admin_status": "Open this post in the moderation interface",
diff --git a/app/soapbox/locales/ru.json b/app/soapbox/locales/ru.json
index 72e08f475..07a97d193 100644
--- a/app/soapbox/locales/ru.json
+++ b/app/soapbox/locales/ru.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Открыть интерфейс модератора для @{name}",
   "status.admin_status": "Открыть этот статус в интерфейсе модератора",
diff --git a/app/soapbox/locales/sk.json b/app/soapbox/locales/sk.json
index 0b8932353..a10f5dc8b 100644
--- a/app/soapbox/locales/sk.json
+++ b/app/soapbox/locales/sk.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Otvor moderovacie rozhranie užívateľa @{name}",
   "status.admin_status": "Otvor tento príspevok v moderovacom rozhraní",
diff --git a/app/soapbox/locales/sl.json b/app/soapbox/locales/sl.json
index b7f1e1c1f..9f3789811 100644
--- a/app/soapbox/locales/sl.json
+++ b/app/soapbox/locales/sl.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Odpri vmesnik za moderiranje za @{name}",
   "status.admin_status": "Odpri status v vmesniku za moderiranje",
diff --git a/app/soapbox/locales/sq.json b/app/soapbox/locales/sq.json
index 2843e032d..0de64d171 100644
--- a/app/soapbox/locales/sq.json
+++ b/app/soapbox/locales/sq.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Hap ndërfaqe moderimi për @{name}",
   "status.admin_status": "Hape këtë gjendje te ndërfaqja e moderimit",
diff --git a/app/soapbox/locales/sr-Latn.json b/app/soapbox/locales/sr-Latn.json
index 0f597a79f..c4c38bc2f 100644
--- a/app/soapbox/locales/sr-Latn.json
+++ b/app/soapbox/locales/sr-Latn.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Open moderation interface for @{name}",
   "status.admin_status": "Open this post in the moderation interface",
diff --git a/app/soapbox/locales/sr.json b/app/soapbox/locales/sr.json
index a2a01a9ee..376eba35f 100644
--- a/app/soapbox/locales/sr.json
+++ b/app/soapbox/locales/sr.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Open moderation interface for @{name}",
   "status.admin_status": "Open this post in the moderation interface",
diff --git a/app/soapbox/locales/sv.json b/app/soapbox/locales/sv.json
index 165e8c2f5..960054f53 100644
--- a/app/soapbox/locales/sv.json
+++ b/app/soapbox/locales/sv.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Öppet modereringsgränssnitt för @{name}",
   "status.admin_status": "Öppna denna status i modereringsgränssnittet",
diff --git a/app/soapbox/locales/ta.json b/app/soapbox/locales/ta.json
index eecb76d69..e023943f8 100644
--- a/app/soapbox/locales/ta.json
+++ b/app/soapbox/locales/ta.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "மிதமான இடைமுகத்தை திறக்க @{name}",
   "status.admin_status": "மிதமான இடைமுகத்தில் இந்த நிலையை திறக்கவும்",
diff --git a/app/soapbox/locales/te.json b/app/soapbox/locales/te.json
index ba2a3c790..a88dd5eca 100644
--- a/app/soapbox/locales/te.json
+++ b/app/soapbox/locales/te.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "@{name} కొరకు సమన్వయ వినిమయసీమను తెరువు",
   "status.admin_status": "సమన్వయ వినిమయసీమలో ఈ స్టేటస్ ను తెరవండి",
diff --git a/app/soapbox/locales/th.json b/app/soapbox/locales/th.json
index 183d954ac..09c5726a8 100644
--- a/app/soapbox/locales/th.json
+++ b/app/soapbox/locales/th.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "เปิดส่วนติดต่อการควบคุมสำหรับ @{name}",
   "status.admin_status": "เปิดสถานะนี้ในส่วนติดต่อการควบคุม",
diff --git a/app/soapbox/locales/tr.json b/app/soapbox/locales/tr.json
index 0a45724b4..6ee720a1d 100644
--- a/app/soapbox/locales/tr.json
+++ b/app/soapbox/locales/tr.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "@{name} için denetim arayüzünü açın",
   "status.admin_status": "Denetim arayüzünde bu durumu açın",
diff --git a/app/soapbox/locales/uk.json b/app/soapbox/locales/uk.json
index 63d8cc17b..30e8cb98c 100644
--- a/app/soapbox/locales/uk.json
+++ b/app/soapbox/locales/uk.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Відкрити інтерфейс модерації для @{name}",
   "status.admin_status": "Відкрити цей статус в інтерфейсі модерації",
diff --git a/app/soapbox/locales/zh-CN.json b/app/soapbox/locales/zh-CN.json
index ef6dbd06b..7057e57f1 100644
--- a/app/soapbox/locales/zh-CN.json
+++ b/app/soapbox/locales/zh-CN.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "打开 @{name} 的管理界面",
   "status.admin_status": "打开这条嘟文的管理界面",
diff --git a/app/soapbox/locales/zh-HK.json b/app/soapbox/locales/zh-HK.json
index cb7e54d30..c6dc0dffc 100644
--- a/app/soapbox/locales/zh-HK.json
+++ b/app/soapbox/locales/zh-HK.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "Open moderation interface for @{name}",
   "status.admin_status": "Open this post in the moderation interface",
diff --git a/app/soapbox/locales/zh-TW.json b/app/soapbox/locales/zh-TW.json
index 8a345beaa..ede1192f2 100644
--- a/app/soapbox/locales/zh-TW.json
+++ b/app/soapbox/locales/zh-TW.json
@@ -504,8 +504,8 @@
   "soapbox_config.promo_panel.meta_fields.icon_placeholder": "Icon",
   "soapbox_config.promo_panel.meta_fields.label_placeholder": "Label",
   "soapbox_config.promo_panel.meta_fields.url_placeholder": "URL",
-  "soapbox_config.raw_json_hint": "Advanced: Edit the settings data directly.",
-  "soapbox_config.raw_json_label": "Raw JSON data",
+  "soapbox_config.raw_json_hint": "Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click Save to apply your changes.",
+  "soapbox_config.raw_json_label": "Advanced: Edit raw JSON data",
   "soapbox_config.save": "Save",
   "status.admin_account": "開啟 @{name} 的管理介面",
   "status.admin_status": "在管理介面開啟此嘟文",
diff --git a/app/styles/basics.scss b/app/styles/basics.scss
index 4a5c8916b..9f42af2d7 100644
--- a/app/styles/basics.scss
+++ b/app/styles/basics.scss
@@ -159,7 +159,8 @@ body {
   color: #ffffff;
 }
 
-.explanation-box {
+.explanation-box,
+.accordion {
   color: var(--primary-text-color);
   padding: 15px 20px;
   font-size: 14px;
@@ -186,6 +187,22 @@ body {
   }
 }
 
+.accordion {
+  margin: 0;
+
+  .accordion_content {
+    transition-duration: 0.2s;
+
+    &.expanded {
+      display: block;
+    }
+
+    &.closed {
+      display: none;
+    }
+  }
+}
+
 noscript {
   text-align: center;
 
diff --git a/app/styles/forms.scss b/app/styles/forms.scss
index 5025a5a43..b741d5642 100644
--- a/app/styles/forms.scss
+++ b/app/styles/forms.scss
@@ -426,6 +426,28 @@ code {
         background-color: darken($error-value-color, 5%);
       }
     }
+
+    &.accordion__toggle {
+      display: inline-block;
+      width: auto;
+      border: 0;
+      border-radius: 0;
+      background: none;
+      color: var(--primary-text-color--faint);
+      font-size: 18px;
+      line-height: inherit;
+      height: auto;
+      padding: 0 10px;
+      text-transform: none;
+      text-decoration: none;
+      text-align: center;
+      box-sizing: border-box;
+      cursor: pointer;
+      font-weight: 500;
+      outline: 0;
+      margin-bottom: 0;
+      margin-right: 10px;
+    }
   }
 
   select {