Move the Revert X branding option up and tweak its description

Move the Tweak new layout option into experiments

README.md

@@ -46,7 +46,7 @@ New versions can take anything from minutes to days to be approved for publishin
 
 ### X fixes
 
-- Replace X branding changes
+- Revert X branding changes
 - Hide Views under tweets
 - Hide the "Verified" tab in Notifications and the "Verified Followers" tab in Followers/Following
 - Restore headlines under external links

_locales/en/messages.json

@@ -369,7 +369,7 @@
     "message": "Retweets"
   },
   "revertXBrandingLabel": {
-    "message": "Replace X branding changes"
+    "message": "Revert X branding changes"
   },
   "saveAndApplyButton": {
     "message": "Save and apply"

_locales/es/messages.json

@@ -363,7 +363,7 @@
     "message": "Retweets"
   },
   "revertXBrandingLabel": {
-    "message": "Reemplazar X cambios de marca"
+    "message": "Revertir cambios de marca X"
   },
   "saveAndApplyButton": {
     "message": "Guardar y aplicar"

_locales/fr/messages.json

@@ -363,7 +363,7 @@
     "message": "Retweets"
   },
   "revertXBrandingLabel": {
-    "message": "Remplacer les changements de marque X"
+    "message": "Rétablir les changements de marque X"
   },
   "saveAndApplyButton": {
     "message": "Enregistrer et appliquer"

_locales/it/messages.json

@@ -363,7 +363,7 @@
     "message": "Retweet"
   },
   "revertXBrandingLabel": {
-    "message": "Sostituisci modifiche relative al marchio X"
+    "message": "Ripristina modifiche del marchio X"
   },
   "saveAndApplyButton": {
     "message": "Salva e applica"

_locales/ja/messages.json

@@ -363,7 +363,7 @@
     "message": "リツイート"
   },
   "revertXBrandingLabel": {
-    "message": "X のブランド変更を置き換える"
+    "message": "Xのブランディング変更を元に戻す"
   },
   "saveAndApplyButton": {
     "message": "保存して適用"

_locales/ko/messages.json

@@ -363,7 +363,7 @@
     "message": "리트윗"
   },
   "revertXBrandingLabel": {
-    "message": "X 브랜딩 변경 사항 바꾸기"
+    "message": "X 브랜딩 변경 되돌리기"
   },
   "saveAndApplyButton": {
     "message": "저장하고 적용"

_locales/zh_CN/messages.json

@@ -372,7 +372,7 @@
     "message": "转发"
   },
   "revertXBrandingLabel": {
-    "message": "更换 X 品牌变更"
+    "message": "还原 X 品牌变更"
   },
   "saveAndApplyButton": {
     "message": "保存并应用"

options.css

@@ -134,7 +134,7 @@ section.group > section > * {
 
 p {
   margin-top: 0;
-  margin-bottom: 0;
+  margin-bottom: 12px;
   font-size: 12px;
 }
 
@@ -201,7 +201,7 @@ body.disabled #version {
   }
   section.group > p,
   section.group > section > p {
-    font-size: 14px;
+    /* font-size: 14px; */
   }
 }
 

options.html

@@ -189,6 +189,13 @@
 
     <section class="group labelled">
       <label id="xFixesLabel">X fixes</label>
+      <section class="checkbox">
+        <label>
+          <span id="revertXBrandingLabel">Revert X branding changes</span>
+          <input type="checkbox" name="revertXBranding">
+          <span class="toggle"></span>
+        </label>
+      </section>
       <section class="checkbox">
         <label>
           <span id="redirectToTwitterLabel">Redirect to twitter.com</span>
@@ -196,30 +203,6 @@
           <span class="toggle"></span>
         </label>
       </section>
-      <section class="checkbox">
-        <label>
-          <span id="tweakNewLayoutLabel">Tweak new layout</span>
-          <input type="checkbox" name="tweakNewLayout">
-          <span class="toggle"></span>
-        </label>
-        <p id="tweakNewLayoutInfo">
-          Experimental - only enable if you have the new layout
-        </p>
-        <section class="checkbox desktop">
-          <label>
-            <span id="hideToggleNavigationLabel">Hide Toggle navigation</span>
-            <input type="checkbox" name="hideToggleNavigation">
-            <span class="toggle"></span>
-          </label>
-        </section>
-      </section>
-      <section class="checkbox">
-        <label>
-          <span id="revertXBrandingLabel">Replace X branding changes</span>
-          <input type="checkbox" name="revertXBranding">
-          <span class="toggle"></span>
-        </label>
-      </section>
       <section class="checkbox">
         <label>
           <span id="hideViewsLabel">Hide Views under tweets</span>
@@ -762,6 +745,23 @@
           Experiments
         </summary>
         <section class="group">
+          <section class="checkbox">
+            <label>
+              <span id="tweakNewLayoutLabel">Tweak new layout</span>
+              <input type="checkbox" name="tweakNewLayout">
+              <span class="toggle"></span>
+            </label>
+            <p id="tweakNewLayoutInfo">
+              Experimental - only enable if you have the new layout
+            </p>
+            <section class="checkbox desktop">
+              <label>
+                <span id="hideToggleNavigationLabel">Hide Toggle navigation</span>
+                <input type="checkbox" name="hideToggleNavigation">
+                <span class="toggle"></span>
+              </label>
+            </section>
+          </section>
           <section class="textarea">
             <label id="customCssLabel" for="customCss">Custom CSS</label>
             <textarea id="customCss" rows="8"></textarea>

options.js

@@ -509,7 +509,7 @@ async function main() {
   }
 
   $body.classList.toggle('debug', config.debug === true)
-  $experiments.open = Boolean(config.settings.customCss)
+  $experiments.open = Boolean(config.settings.tweakNewLayout || config.settings.customCss)
   $exportConfig.addEventListener('click', exportConfig)
   $form.addEventListener('change', onFormChanged)
   $hideQuotesFromDetails.addEventListener('toggle', updateHideQuotesFromDisplay)