From 9143b73f844ebd1214c2160a6e1319fa91191b6f Mon Sep 17 00:00:00 2001
From: Jasper Miller-Waugh <contact@jmw.nz>
Date: Thu, 28 Oct 2021 14:53:27 +1300
Subject: [PATCH] Styling for tags

---
 src/assets/app.scss                | 4 ++++
 src/components/PublicGroupList.vue | 3 +++
 2 files changed, 7 insertions(+)

diff --git a/src/assets/app.scss b/src/assets/app.scss
index e1a5d052..ae1ff687 100644
--- a/src/assets/app.scss
+++ b/src/assets/app.scss
@@ -346,6 +346,10 @@ textarea.form-control {
         &.active {
             background-color: #cdf8f4;
         }
+        // Removes margin to line up tags list with uptime percentage
+        .tags, .tag-wrapper:first-child {
+            margin-left: 0 !important;
+        }
     }
 }
 
diff --git a/src/components/PublicGroupList.vue b/src/components/PublicGroupList.vue
index 39fb342e..97441d50 100644
--- a/src/components/PublicGroupList.vue
+++ b/src/components/PublicGroupList.vue
@@ -40,6 +40,9 @@
 
                                             <Uptime :monitor="monitor.element" type="24" :pill="true" />
                                             {{ monitor.element.name }}
+
+                                        </div>
+                                        <div class="tags">
                                             <Tag v-for="tag in monitor.element.tags" :key="tag" :item="tag" :size="'sm'" />
                                         </div>
                                     </div>