From b12cc67ba304d76051559201b8d3bca55ce9e61d Mon Sep 17 00:00:00 2001
From: Cioraneanu Mihai <cioraneanumihai@gmail.com>
Date: Thu, 23 May 2024 09:39:40 +0300
Subject: [PATCH] Re-aranged user preferences UI

---
 front/pages/settings/user-preferences-ui.vue | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/front/pages/settings/user-preferences-ui.vue b/front/pages/settings/user-preferences-ui.vue
index d10cf6a..127776f 100644
--- a/front/pages/settings/user-preferences-ui.vue
+++ b/front/pages/settings/user-preferences-ui.vue
@@ -4,7 +4,11 @@
 
     <van-form @submit="onSave" class="">
       <van-cell-group inset>
-        <!--        <div class="van-cell-group-title">Date settings:</div>-->
+        <app-boolean label="Dark theme:" v-model="darkTheme">
+          <template #icon="{ value }">
+            <app-icon :size="23" :stroke-width="2.0" :icon="value ? TablerIconConstants.darkTheme : TablerIconConstants.whiteTheme" />
+          </template>
+        </app-boolean>
 
         <app-select
           label="Numbers formatting:"
@@ -18,12 +22,10 @@
           required
           :clearable="false"
         />
+      </van-cell-group>
 
-        <app-boolean label="Dark theme (alpha):" v-model="darkTheme">
-          <template #icon="{ value }">
-            <app-icon :size="23" :stroke-width="2.0" :icon="value ? TablerIconConstants.darkTheme : TablerIconConstants.whiteTheme" />
-          </template>
-        </app-boolean>
+      <van-cell-group inset>
+        <!--        <div class="van-cell-group-title">Date settings:</div>-->
 
         <app-boolean label="Force transaction description lowercase:" v-model="lowerCaseTransactionDescription" />
         <app-boolean label="Force account name lowercase:" v-model="lowerCaseAccountName" />
@@ -44,7 +46,6 @@ import UIUtils from '~/utils/UIUtils'
 import { useToolbar } from '~/composables/useToolbar'
 import RouteConstants from '~/constants/RouteConstants'
 import { NUMBER_FORMAT } from '~/utils/MathUtils.js'
-import SettingsTokenField from '~/components/settings/settings-token-field.vue'
 import TablerIconConstants from '~/constants/TablerIconConstants.js'
 
 const appStore = useAppStore()