From c9caa7db764beb92dfc31ee11b60e717e2f8285a Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Thu, 23 Nov 2023 17:18:07 +0100
Subject: [PATCH] edit: move browser settings to bottom

---
 pages/edit.vue | 80 +++++++++++++++++++++++++-------------------------
 1 file changed, 40 insertions(+), 40 deletions(-)

diff --git a/pages/edit.vue b/pages/edit.vue
index 6d71d5b..665015f 100644
--- a/pages/edit.vue
+++ b/pages/edit.vue
@@ -169,46 +169,6 @@ const onSubmit = handleSubmit(async (form) => {
   <div>
     <PageTitle :text="$t('footerlink_edit')" />
 
-    <section class="mt-5">
-      <h2 class="text-3xl">{{ t('edit_browser_settings') }}</h2>
-
-      <form novalidate class="my-10" @submit.prevent>
-        <div role="group" class="flex align mb-3">
-          <!-- eslint-disable-next-line vuejs-accessibility/label-has-for -->
-          <label for="language" class="label me-3">{{ t('language') }}</label>
-          <select id="language" v-model="locale" class="select select-bordered">
-            <option disabled selected>{{ t('language') }}</option>
-            <option
-              v-for="option in localesAsOptions"
-              :key="option.value"
-              :value="option.value"
-            >
-              {{ option.text }}
-            </option>
-          </select>
-        </div>
-
-        <div role="group" class="flex align">
-          <!-- eslint-disable-next-line vuejs-accessibility/label-has-for -->
-          <label for="theme" class="label me-3">{{ t('theme') }}</label>
-          <select
-            id="theme"
-            v-model="colorMode.preference"
-            class="select select-bordered"
-          >
-            <option disabled selected>{{ t('theme') }}</option>
-            <option
-              v-for="option in themesAsOptions"
-              :key="option.value"
-              :value="option.value"
-            >
-              {{ option.text }}
-            </option>
-          </select>
-        </div>
-      </form>
-    </section>
-
     <section>
       <h2 class="text-3xl">{{ t('edit_personal_settings') }}</h2>
 
@@ -316,5 +276,45 @@ const onSubmit = handleSubmit(async (form) => {
         </div>
       </form>
     </section>
+
+    <section class="my-10">
+      <h2 class="text-4xl font-bold">{{ t('edit_browser_settings') }}</h2>
+
+      <form novalidate class="my-10" @submit.prevent>
+        <div role="group" class="flex align mb-3">
+          <!-- eslint-disable-next-line vuejs-accessibility/label-has-for -->
+          <label for="language" class="label me-3">{{ t('language') }}</label>
+          <select id="language" v-model="locale" class="select select-bordered">
+            <option disabled selected>{{ t('language') }}</option>
+            <option
+              v-for="option in localesAsOptions"
+              :key="option.value"
+              :value="option.value"
+            >
+              {{ option.text }}
+            </option>
+          </select>
+        </div>
+
+        <div role="group" class="flex align">
+          <!-- eslint-disable-next-line vuejs-accessibility/label-has-for -->
+          <label for="theme" class="label me-3">{{ t('theme') }}</label>
+          <select
+            id="theme"
+            v-model="colorMode.preference"
+            class="select select-bordered"
+          >
+            <option disabled selected>{{ t('theme') }}</option>
+            <option
+              v-for="option in themesAsOptions"
+              :key="option.value"
+              :value="option.value"
+            >
+              {{ option.text }}
+            </option>
+          </select>
+        </div>
+      </form>
+    </section>
   </div>
 </template>