From c26622aa392d40c4e863500dab8e1261896656ea Mon Sep 17 00:00:00 2001
From: Bert Verhelst <verhelstbert@gmail.com>
Date: Sun, 12 Sep 2021 13:40:07 +0200
Subject: [PATCH 1/2] fix(settings): add some button bottom margin for narrow
 screens

---
 src/pages/Settings.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/pages/Settings.vue b/src/pages/Settings.vue
index cd1a95bc..d52bfc95 100644
--- a/src/pages/Settings.vue
+++ b/src/pages/Settings.vue
@@ -446,6 +446,10 @@ export default {
     color: #fff;
 }
 
+.me-1 {
+    margin-bottom: .25rem;
+}
+
 .dark {
     .list-group-item {
         background-color: $dark-bg2;

From 660b969178451c21824281a9fa76f6f670ba156e Mon Sep 17 00:00:00 2001
From: Bert Verhelst <verhelstbert@gmail.com>
Date: Sun, 12 Sep 2021 14:52:47 +0200
Subject: [PATCH 2/2] fix(settings): switch custom styles to bootstrap class
 for bottom margin

---
 src/pages/Settings.vue | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/pages/Settings.vue b/src/pages/Settings.vue
index d52bfc95..2f506fee 100644
--- a/src/pages/Settings.vue
+++ b/src/pages/Settings.vue
@@ -144,10 +144,10 @@
                             <h2 class="mt-5 mb-2">{{ $t("Advanced") }}</h2>
 
                             <div class="mb-3">
-                                <button v-if="settings.disableAuth" class="btn btn-outline-primary me-1" @click="enableAuth">{{ $t("Enable Auth") }}</button>
-                                <button v-if="! settings.disableAuth" class="btn btn-primary me-1" @click="confirmDisableAuth">{{ $t("Disable Auth") }}</button>
-                                <button v-if="! settings.disableAuth" class="btn btn-danger me-1" @click="$root.logout">{{ $t("Logout") }}</button>
-                                <button class="btn btn-outline-danger me-1" @click="confirmClearStatistics">{{ $t("Clear all statistics") }}</button>
+                                <button v-if="settings.disableAuth" class="btn btn-outline-primary me-1 mb-1" @click="enableAuth">{{ $t("Enable Auth") }}</button>
+                                <button v-if="! settings.disableAuth" class="btn btn-primary me-1 mb-1" @click="confirmDisableAuth">{{ $t("Disable Auth") }}</button>
+                                <button v-if="! settings.disableAuth" class="btn btn-danger me-1 mb-1" @click="$root.logout">{{ $t("Logout") }}</button>
+                                <button class="btn btn-outline-danger me-1 mb-1" @click="confirmClearStatistics">{{ $t("Clear all statistics") }}</button>
                             </div>
                         </template>
                     </div>
@@ -446,10 +446,6 @@ export default {
     color: #fff;
 }
 
-.me-1 {
-    margin-bottom: .25rem;
-}
-
 .dark {
     .list-group-item {
         background-color: $dark-bg2;