From f8c29095765246efce96da5ee6f96fe551ca9023 Mon Sep 17 00:00:00 2001
From: Nelson Chan <chakflying@hotmail.com>
Date: Wed, 5 Apr 2023 02:09:36 +0800
Subject: [PATCH] UI: Improve styling

---
 src/assets/multiselect.scss | 8 ++++++++
 src/components/Tag.vue      | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/assets/multiselect.scss b/src/assets/multiselect.scss
index 53b47c16e..9ea04ca07 100644
--- a/src/assets/multiselect.scss
+++ b/src/assets/multiselect.scss
@@ -1,6 +1,12 @@
 @import "vars.scss";
 @import "node_modules/vue-multiselect/dist/vue-multiselect";
 
+.multiselect {
+    .dark & {
+        color: $dark-font-color;
+    }
+}
+
 .multiselect__tags {
     border-radius: 1.5rem;
     border: 1px solid #ced4da;
@@ -14,10 +20,12 @@
 
 .multiselect__option--highlight {
     background: $primary !important;
+    color: $dark-font-color2 !important;
 }
 
 .multiselect__option--highlight::after {
     background: $primary !important;
+    color: $dark-font-color2 !important;
 }
 
 .multiselect__tag {
diff --git a/src/components/Tag.vue b/src/components/Tag.vue
index b8d4a1e89..956eea3e7 100644
--- a/src/components/Tag.vue
+++ b/src/components/Tag.vue
@@ -6,7 +6,7 @@
                   'm-2': size == 'normal',
                   'px-2': size == 'sm',
                   'py-0': size == 'sm',
-                  'm-1': size == 'sm',
+                  'mx-1': size == 'sm',
         }"
         :style="{ backgroundColor: item.color, fontSize: size == 'sm' ? '0.7em' : '1em' }"
     >