From a0d1ae2cce19aaa3e2f69a4f2029c34b937f0af4 Mon Sep 17 00:00:00 2001
From: Louis Lam <louislam@users.noreply.github.com>
Date: Mon, 11 Apr 2022 18:02:18 +0800
Subject: [PATCH] Better alignment of monitor list item

---
 src/components/MonitorList.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/MonitorList.vue b/src/components/MonitorList.vue
index 6171c0b3a..325245a67 100644
--- a/src/components/MonitorList.vue
+++ b/src/components/MonitorList.vue
@@ -36,7 +36,7 @@
                 </div>
 
                 <div v-if="$root.userHeartbeatBar == 'bottom'" class="row">
-                    <div class="col-12">
+                    <div class="col-12 bottom-style">
                         <HeartbeatBar size="small" :monitor-id="item.id" />
                     </div>
                 </div>
@@ -203,9 +203,16 @@ export default {
 }
 
 .tags {
-    padding-left: 62px;
+    margin-top: 4px;
+    padding-left: 67px;
     display: flex;
     flex-wrap: wrap;
     gap: 0;
 }
+
+.bottom-style {
+    padding-left: 67px;
+    margin-top: 5px;
+}
+
 </style>