From 9edbd7894876de2197c647511c2d55d3da729848 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Tue, 7 May 2024 00:12:41 +0300
Subject: [PATCH] Cosmetics to config

---
 assets/styles/layout/_topbar.scss |  8 +++-----
 layouts/AppConfigurator.vue       | 16 ++++++----------
 2 files changed, 9 insertions(+), 15 deletions(-)

diff --git a/assets/styles/layout/_topbar.scss b/assets/styles/layout/_topbar.scss
index 48a5f9576..8a7a9376c 100644
--- a/assets/styles/layout/_topbar.scss
+++ b/assets/styles/layout/_topbar.scss
@@ -155,11 +155,9 @@
             }
 
             .config-panel-settings {
-                > div {
-                    display: flex;
-                    align-items: center;
-                    justify-content: space-between;
-                }
+                display: flex;
+                flex-direction: column;
+                gap: 0.5rem;
             }
         }
 
diff --git a/layouts/AppConfigurator.vue b/layouts/AppConfigurator.vue
index 47952e82d..935c346df 100755
--- a/layouts/AppConfigurator.vue
+++ b/layouts/AppConfigurator.vue
@@ -30,16 +30,12 @@
                 </div>
             </div>
             <div class="config-panel-settings">
-                <div>
-                    <span class="config-panel-label">Presets</span>
-                    <SelectButton v-model="selectedPreset" @update:modelValue="onPresetChange" :options="presets" />
-                </div>
+                <span class="config-panel-label">Presets</span>
+                <SelectButton v-model="selectedPreset" @update:modelValue="onPresetChange" :options="presets" />
             </div>
             <div class="config-panel-settings">
-                <div>
-                    <span class="config-panel-label">Ripple</span>
-                    <ToggleSwitch :modelValue="rippleActive" @update:modelValue="onRippleChange" />
-                </div>
+                <span class="config-panel-label">Ripple</span>
+                <ToggleSwitch :modelValue="rippleActive" @update:modelValue="onRippleChange" />
             </div>
         </div>
     </div>
@@ -47,9 +43,9 @@
 
 <script>
 import EventBus from '@/layouts/AppEventBus';
-import { updatePreset, updateSurfacePalette, $t } from 'primevue/themes';
-import Lara from 'primevue/themes/lara';
+import { $t, updatePreset, updateSurfacePalette } from 'primevue/themes';
 import Aura from 'primevue/themes/aura';
+import Lara from 'primevue/themes/lara';
 
 export default {
     data() {