From b0d08cb0b5c35631d28984079fc3f896e2d487f6 Mon Sep 17 00:00:00 2001
From: "Timo K." <toger5@hotmail.de>
Date: Mon, 10 Aug 2026 14:22:04 +0200
Subject: [PATCH] update order in developer settings tab

---
 src/settings/DeveloperSettingsTab.tsx         | 11 ++--
 .../DeveloperSettingsTab.test.tsx.snap        | 54 ++++++++++++-------
 2 files changed, 43 insertions(+), 22 deletions(-)

diff --git a/src/settings/DeveloperSettingsTab.tsx b/src/settings/DeveloperSettingsTab.tsx
index 8ffcc347f..70db13db9 100644
--- a/src/settings/DeveloperSettingsTab.tsx
+++ b/src/settings/DeveloperSettingsTab.tsx
@@ -364,6 +364,7 @@ export const DeveloperSettingsTab: FC<Props> = ({
           id: client.getDeviceId() || "unknown",
         })}
       </p>
+      <Separator />
       <FieldRow>
         <InputField
           id="duplicateTiles"
@@ -513,6 +514,7 @@ export const DeveloperSettingsTab: FC<Props> = ({
           <ErrorMessage>{customLivekitUrlUpdateError}</ErrorMessage>
         )}
       </EditInPlace>
+      <Separator />
       <Heading as="h3" type="body" weight="semibold" size="lg">
         {t("developer_mode.matrixRTCMode.title")}
       </Heading>
@@ -601,10 +603,6 @@ export const DeveloperSettingsTab: FC<Props> = ({
           </ul>
         </div>
       ))}
-      <p>{t("developer_mode.environment_variables")}</p>
-      <pre>{JSON.stringify(env, null, 2)}</pre>
-      <p>{t("developer_mode.url_params")}</p>
-      <pre>{JSON.stringify(urlParams, null, 2)}</pre>
       <Separator />
       <MediaQualitySettings
         id="camera"
@@ -659,6 +657,11 @@ export const DeveloperSettingsTab: FC<Props> = ({
       />
       <Separator />
       <AudioProcessingSettings />
+      <Separator />
+      <p>{t("developer_mode.environment_variables")}</p>
+      <pre>{JSON.stringify(env, null, 2)}</pre>
+      <p>{t("developer_mode.url_params")}</p>
+      <pre>{JSON.stringify(urlParams, null, 2)}</pre>
     </>
   );
 };
diff --git a/src/settings/__snapshots__/DeveloperSettingsTab.test.tsx.snap b/src/settings/__snapshots__/DeveloperSettingsTab.test.tsx.snap
index 789c30fe7..94fa0826b 100644
--- a/src/settings/__snapshots__/DeveloperSettingsTab.test.tsx.snap
+++ b/src/settings/__snapshots__/DeveloperSettingsTab.test.tsx.snap
@@ -17,6 +17,12 @@ exports[`DeveloperSettingsTab > renders and matches snapshot 1`] = `
   <p>
     Device ID: DEVICE123
   </p>
+  <div
+    class="_separator_13qwf_8"
+    data-kind="primary"
+    data-orientation="horizontal"
+    role="separator"
+  />
   <div
     class="_fieldRow_1bd8c0"
   >
@@ -255,6 +261,12 @@ exports[`DeveloperSettingsTab > renders and matches snapshot 1`] = `
       </span>
     </div>
   </form>
+  <div
+    class="_separator_13qwf_8"
+    data-kind="primary"
+    data-orientation="horizontal"
+    role="separator"
+  />
   <h3
     class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74"
   >
@@ -463,24 +475,6 @@ exports[`DeveloperSettingsTab > renders and matches snapshot 1`] = `
     </p>
     <ul />
   </div>
-  <p>
-    Environment variables
-  </p>
-  <pre>
-    {
-  "MY_MOCK_ENV": 10,
-  "ENV": "test"
-}
-  </pre>
-  <p>
-    URL parameters
-  </p>
-  <pre>
-    {
-  "mocked": true,
-  "answer": 42
-}
-  </pre>
   <div
     class="_separator_13qwf_8"
     data-kind="primary"
@@ -711,5 +705,29 @@ exports[`DeveloperSettingsTab > renders and matches snapshot 1`] = `
       </label>
     </div>
   </div>
+  <div
+    class="_separator_13qwf_8"
+    data-kind="primary"
+    data-orientation="horizontal"
+    role="separator"
+  />
+  <p>
+    Environment variables
+  </p>
+  <pre>
+    {
+  "MY_MOCK_ENV": 10,
+  "ENV": "test"
+}
+  </pre>
+  <p>
+    URL parameters
+  </p>
+  <pre>
+    {
+  "mocked": true,
+  "answer": 42
+}
+  </pre>
 </div>
 `;