From 8d8e3e5a8e78030b8ffbe258dc872b8bea234390 Mon Sep 17 00:00:00 2001
From: Jonathan Starck <29304143+Psycho0verload@users.noreply.github.com>
Date: Sat, 19 Apr 2025 01:34:16 +0200
Subject: [PATCH] fix(dashboard): prevent y-overlapping of tags by adding a gap
 #5773 (#5774)

Co-authored-by: Frank Elsinga <frank@elsinga.de>
---
 src/components/MonitorListItem.vue | 2 +-
 src/components/Tag.vue             | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/MonitorListItem.vue b/src/components/MonitorListItem.vue
index 74ba4835c..93c1deab4 100644
--- a/src/components/MonitorListItem.vue
+++ b/src/components/MonitorListItem.vue
@@ -22,7 +22,7 @@
                             </span>
                             {{ monitor.name }}
                         </div>
-                        <div v-if="monitor.tags.length > 0" class="tags">
+                        <div v-if="monitor.tags.length > 0" class="tags gap-1">
                             <Tag v-for="tag in monitor.tags" :key="tag" :item="tag" :size="'sm'" />
                         </div>
                     </div>
diff --git a/src/components/Tag.vue b/src/components/Tag.vue
index 5b8b96fc2..ceccce8a6 100644
--- a/src/components/Tag.vue
+++ b/src/components/Tag.vue
@@ -6,7 +6,6 @@
                   'm-2': size == 'normal',
                   'px-2': size == 'sm',
                   'py-0': size == 'sm',
-                  'mx-1': size == 'sm',
         }"
         :style="{ backgroundColor: item.color, fontSize: size == 'sm' ? '0.7em' : '1em' }"
     >