improve minor style

src/components/TagsManager.vue

@@ -1,7 +1,7 @@
 <template>
     <div>
-        <h4 class="mb-3">{{ $t("Tags") }}</h4>
+        <h4 class="mt-5 mb-3">{{ $t("Tags") }}</h4>
-        <div class="mb-3 p-1">
+        <div v-if="selectedTags.length > 0" class="mb-2 p-1">
             <tag
                 v-for="item in selectedTags"
                 :key="item.id"
@@ -124,8 +124,8 @@
 import { Modal } from "bootstrap";
 import VueMultiselect from "vue-multiselect";
 import Tag from "../components/Tag.vue";
-import { useToast } from "vue-toastification"
+import { useToast } from "vue-toastification";
-const toast = useToast()
+const toast = useToast();
 
 export default {
     components: {
@@ -186,7 +186,7 @@ export default {
                     color: "#7C3AED" },
                 { name: this.$t("Pink"),
                     color: "#DB2777" },
-            ]
+            ];
         },
         validateDraftTag() {
             let nameInvalid = false;
@@ -227,7 +227,7 @@ export default {
                 invalid,
                 nameInvalid,
                 valueInvalid,
-            }
+            };
         },
     },
     mounted() {
@@ -243,7 +243,7 @@ export default {
                 if (res.ok) {
                     this.existingTags = res.tags;
                 } else {
-                    toast.error(res.msg)
+                    toast.error(res.msg);
                 }
             });
         },
@@ -277,7 +277,7 @@ export default {
                         name: this.newDraftTag.select.name,
                         value: this.newDraftTag.value,
                         new: true,
-                    })
+                    });
                 }
             } else {
                 // Add new Tag
@@ -286,7 +286,7 @@ export default {
                     name: this.newDraftTag.name.trim(),
                     value: this.newDraftTag.value,
                     new: true,
-                })
+                });
             }
             this.clearDraftTag();
         },
@@ -348,7 +348,7 @@ export default {
                         if (tag.name == newTag.name && tag.color == newTag.color) {
                             tag.id = newTagResult.id;
                         }
-                    })
+                    });
                 } else {
                     tagId = newTag.id;
                 }

src/pages/Settings.vue

@@ -196,9 +196,9 @@
                             <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 mb-1" @click="enableAuth">{{ $t("Enable Auth") }}</button>
+                                <button v-if="settings.disableAuth" class="btn btn-outline-primary me-2 mb-2" @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-primary me-2 mb-2" @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 v-if="! settings.disableAuth" class="btn btn-danger me-2 mb-2" @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>
@@ -400,7 +400,7 @@ export default {
 
         "$i18n.locale"() {
             localStorage.locale = this.$i18n.locale;
-            setPageLocale()
+            setPageLocale();
         },
     },