From 0a25ee25f2de2c92c29d5c184b15c676acceb237 Mon Sep 17 00:00:00 2001
From: Pas <74743263+Pasithea0@users.noreply.github.com>
Date: Sun, 19 Oct 2025 18:07:43 -0600
Subject: [PATCH] Fix preferences part order

The double tap to skip setting was on the right and the source settings were on the left. Double tap setting was incorrectly placed
---
 src/pages/parts/settings/PreferencesPart.tsx | 37 ++++++++++----------
 1 file changed, 19 insertions(+), 18 deletions(-)

diff --git a/src/pages/parts/settings/PreferencesPart.tsx b/src/pages/parts/settings/PreferencesPart.tsx
index 03b03ffd..a122fc9e 100644
--- a/src/pages/parts/settings/PreferencesPart.tsx
+++ b/src/pages/parts/settings/PreferencesPart.tsx
@@ -218,25 +218,26 @@ export function PreferencesPart(props: {
               </p>
             </div>
           </div>
-        </div>
-        {/* double click to seek preference */}
-        <div>
-          <p className="text-white font-bold mb-3">
-            {t("settings.preferences.doubleClickToSeek")}
-          </p>
-          <p className="max-w-[25rem] font-medium">
-            {t("settings.preferences.doubleClickToSeekDescription")}
-          </p>
-          <div
-            onClick={() =>
-              props.setEnableDoubleClickToSeek(!props.enableDoubleClickToSeek)
-            }
-            className="bg-dropdown-background hover:bg-dropdown-hoverBackground select-none my-4 cursor-pointer space-x-3 flex items-center max-w-[25rem] py-3 px-4 rounded-lg"
-          >
-            <Toggle enabled={props.enableDoubleClickToSeek} />
-            <p className="flex-1 text-white font-bold">
-              {t("settings.preferences.doubleClickToSeekLabel")}
+
+          {/* Double Click to Seek Preference */}
+          <div>
+            <p className="text-white font-bold mb-3">
+              {t("settings.preferences.doubleClickToSeek")}
             </p>
+            <p className="max-w-[25rem] font-medium">
+              {t("settings.preferences.doubleClickToSeekDescription")}
+            </p>
+            <div
+              onClick={() =>
+                props.setEnableDoubleClickToSeek(!props.enableDoubleClickToSeek)
+              }
+              className="bg-dropdown-background hover:bg-dropdown-hoverBackground select-none my-4 cursor-pointer space-x-3 flex items-center max-w-[25rem] py-3 px-4 rounded-lg"
+            >
+              <Toggle enabled={props.enableDoubleClickToSeek} />
+              <p className="flex-1 text-white font-bold">
+                {t("settings.preferences.doubleClickToSeekLabel")}
+              </p>
+            </div>
           </div>
         </div>