fix(heartbeat-bar): fix margin-bottom & right without break animation

src/components/HeartbeatBar.vue

@@ -183,6 +183,8 @@ export default {
 }
 
 .hp-bar-big {
+    height: 20px;
+
     .beat {
         display: inline-block;
         background-color: $primary;

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>