Fix: slightly improve tags styling

src/components/MonitorList.vue

@@ -150,7 +150,7 @@ export default {
 .tags {
     padding-left: 62px;
     display: flex;
-    flex-direction: row;
     flex-wrap: wrap;
+    gap: 0;
 }
 </style>

src/components/Tag.vue

@@ -9,7 +9,7 @@
          }"
          :style="{ backgroundColor: item.color, fontSize: size == 'sm' ? '0.7em' : '1em' }"
     >
-        {{ displayText }}
+        <span class="tag-text">{{ displayText }}</span>
         <span v-if="remove != null" class="ps-1 btn-remove" @click="remove(item)">
             <font-awesome-icon icon="times" />
         </span>
@@ -49,6 +49,10 @@ export default {
     color: white;
 }
 
+.tag-text {
+    padding-bottom: 1px !important;
+}
+
 .btn-remove {
     font-size: 0.9em;
     line-height: 24px;