From b704a50d9598f97cbccdea8d1c20cc34d169b084 Mon Sep 17 00:00:00 2001
From: Daniel Lando <daniel.sorridi@gmail.com>
Date: Fri, 30 Aug 2024 14:13:47 +0200
Subject: [PATCH] fix: style improvements

---
 src/views/Settings.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/views/Settings.vue b/src/views/Settings.vue
index ce99eac8623..c6bf2de9462 100644
--- a/src/views/Settings.vue
+++ b/src/views/Settings.vue
@@ -1,11 +1,11 @@
 <template>
-	<v-container fluid grid-list-md class="pa-4 pt-8">
+	<v-container fluid grid-list-md class="pt-8 px-0">
 		<v-form
 			id="form_settings"
 			@submit.prevent="update"
 			v-model="valid_zwave"
 			ref="form_settings"
-			class="pb-6"
+			class="pb-6 mx-2"
 		>
 			<v-expansion-panels
 				accordion
@@ -1912,7 +1912,10 @@
 		<v-row
 			:justify="$vuetify.breakpoint.xsOnly ? 'center' : 'end'"
 			space-be
-			class="sticky-buttons mt-2"
+			class="sticky-buttons py-3 px-4"
+			:style="{
+				backgroundColor: internalDarkMode ? '#272727' : '#f5f5f5',
+			}"
 		>
 			<v-btn class="mr-2" small color="red darken-1" @click="resetConfig">
 				Reset
@@ -2612,6 +2615,6 @@ export default {
 .sticky-buttons {
 	position: sticky;
 	z-index: 3; /* to be above tables */
-	bottom: 40px;
+	bottom: 30px;
 }
 </style>