From 107dd3c396b586d5eb61fc28e0d685d0c3f86652 Mon Sep 17 00:00:00 2001
From: Bert Verhelst <verhelstbert@gmail.com>
Date: Sat, 9 Oct 2021 12:01:40 +0200
Subject: [PATCH] fix(heartbeat-bar): fix margin-bottom & right without break
 animation

---
 src/components/HeartbeatBar.vue | 2 ++
 src/components/MonitorList.vue  | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/HeartbeatBar.vue b/src/components/HeartbeatBar.vue
index 4dc2c71..a93b8d2 100644
--- a/src/components/HeartbeatBar.vue
+++ b/src/components/HeartbeatBar.vue
@@ -183,6 +183,8 @@ export default {
 }
 
 .hp-bar-big {
+    height: 20px;
+
     .beat {
         display: inline-block;
         background-color: $primary;
diff --git a/src/components/MonitorList.vue b/src/components/MonitorList.vue
index bd771f8..c2392cf 100644
--- a/src/components/MonitorList.vue
+++ b/src/components/MonitorList.vue
@@ -28,7 +28,7 @@
                             <Tag v-for="tag in item.tags" :key="tag" :item="tag" :size="'sm'" />
                         </div>
                     </div>
-                    <div v-show="$root.userHeartbeatBar == 'normal'" :key="$root.userHeartbeatBar" class="col-3 col-md-4">
+                    <div v-show="$root.userHeartbeatBar == 'normal'" :key="$root.userHeartbeatBar" class="col-3 col-md-4 small-padding">
                         <HeartbeatBar size="small" :monitor-id="item.id" />
                     </div>
                 </div>