From 0ccd8bab9ffac2cc55469c9696aa81de771fcb00 Mon Sep 17 00:00:00 2001
From: itskovacs <itskovacs@proton.me>
Date: Sat, 9 Aug 2025 11:54:38 +0200
Subject: [PATCH] :lipstick: Settings tweaks items change

---
 .../dashboard/dashboard.component.html        | 64 +++++++++++--------
 1 file changed, 36 insertions(+), 28 deletions(-)

diff --git a/src/src/app/components/dashboard/dashboard.component.html b/src/src/app/components/dashboard/dashboard.component.html
index 484df43..f1e2bce 100644
--- a/src/src/app/components/dashboard/dashboard.component.html
+++ b/src/src/app/components/dashboard/dashboard.component.html
@@ -218,7 +218,7 @@
               Display Category
               image instead of Place image.</span>
           </div>
-          <div class="mt-4 flex justify-between">
+          <div class="mt-2 flex justify-between">
             <div>Low Network Mode</div>
             <p-toggleswitch [(ngModel)]="isLowNet" (onChange)="toggleLowNet()" />
           </div>
@@ -226,20 +226,52 @@
           <div class="mt-4">
             <h1 class="font-semibold tracking-tight text-xl">Dark Mode</h1>
           </div>
-          <div class="mt-4 flex justify-between">
+          <div class="mt-2 flex justify-between">
             <div>Enable Dark mode</div>
             <p-toggleswitch [(ngModel)]="isDarkMode" (onChange)="toggleDarkMode()" />
           </div>
 
           <div class="mt-4">
             <h1 class="font-semibold tracking-tight text-xl">GPX Indication</h1>
-            <span class="text-xs text-gray-500 dark:text-gray-400">If enabled, display a compass in Place bubble when a
+            <span class="text-xs text-gray-500 dark:text-gray-400">If enabled, display a compass in Place bubble when
+              a
               GPX is present.</span>
           </div>
-          <div class="mt-4 flex justify-between">
+          <div class="mt-2 flex justify-between">
             <div>Enable GPX indication</div>
             <p-toggleswitch [(ngModel)]="isGpxInPlaceMode" (onChange)="toggleGpxInPlace()" />
           </div>
+
+          <section [formGroup]="settingsForm">
+            <div class="mt-4">
+              <h1 class="font-semibold tracking-tight text-xl">Currency</h1>
+            </div>
+            <div class="mt-4">
+              <p-floatlabel variant="in" class="md:col-span-2">
+                <p-select [options]="currencySigns" optionValue="s" optionLabel="c" inputId="currency" id="currency"
+                  class="capitalize" formControlName="currency" [checkmark]="true" [showClear]="true" fluid />
+                <label for="currency">Currency</label>
+              </p-floatlabel>
+            </div>
+
+            <div class="mt-4">
+              <h1 class="font-semibold tracking-tight text-xl">Filters</h1>
+              <span class="text-xs text-gray-500 dark:text-gray-400">You can customize the categories to hide by
+                default</span>
+            </div>
+            <div class="mt-4">
+              <p-floatlabel variant="in" class="md:col-span-2">
+                <p-multiselect [options]="doNotDisplayOptions" [group]="true" [filter]="false" [showToggleAll]="false"
+                  class="capitalize" formControlName="do_not_display" [showClear]="true" fluid />
+                <label for="do_not_display">Hide</label>
+              </p-floatlabel>
+            </div>
+
+            <div class="mt-2 w-full text-right">
+              <p-button (click)="updateSettings()" label="Update" text
+                [disabled]="!settingsForm.valid || settingsForm.pristine" />
+            </div>
+          </section>
         </p-tabpanel>
         <p-tabpanel value="2">
           <section [formGroup]="settingsForm">
@@ -271,30 +303,6 @@
               </p-floatlabel>
             </div>
 
-            <div class="mt-4">
-              <h1 class="font-semibold tracking-tight text-xl">Currency</h1>
-            </div>
-            <div class="mt-4">
-              <p-floatlabel variant="in" class="md:col-span-2">
-                <p-select [options]="currencySigns" optionValue="s" optionLabel="c" inputId="currency" id="currency"
-                  class="capitalize" formControlName="currency" [checkmark]="true" [showClear]="true" fluid />
-                <label for="currency">Currency</label>
-              </p-floatlabel>
-            </div>
-
-            <div class="mt-4">
-              <h1 class="font-semibold tracking-tight text-xl">Filters</h1>
-              <span class="text-xs text-gray-500 dark:text-gray-400">You can customize the categories to hide by
-                default</span>
-            </div>
-            <div class="mt-4">
-              <p-floatlabel variant="in" class="md:col-span-2">
-                <p-multiselect [options]="doNotDisplayOptions" [group]="true" [filter]="false" [showToggleAll]="false"
-                  class="capitalize" formControlName="do_not_display" [showClear]="true" fluid />
-                <label for="do_not_display">Hide</label>
-              </p-floatlabel>
-            </div>
-
             <div class="mt-2 w-full text-right">
               <p-button (click)="updateSettings()" label="Update" text
                 [disabled]="!settingsForm.valid || settingsForm.pristine" />