From 4b68a86524d2ed39d0d1873ec13f42a70fbd019d Mon Sep 17 00:00:00 2001
From: amyyeung17 <amyyeung17@gmail.com>
Date: Sat, 24 Aug 2024 12:36:09 -0400
Subject: [PATCH] Extend length of status bars in status page (#4376)

Co-authored-by: Frank Elsinga <frank@elsinga.de>
Co-authored-by: mobeicanyue <81098819+mobeicanyue@users.noreply.github.com>
---
 src/components/PublicGroupList.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/PublicGroupList.vue b/src/components/PublicGroupList.vue
index d1c1f4c5..48379a7c 100644
--- a/src/components/PublicGroupList.vue
+++ b/src/components/PublicGroupList.vue
@@ -33,7 +33,7 @@
                         <template #item="monitor">
                             <div class="item">
                                 <div class="row">
-                                    <div class="col-9 col-md-8 small-padding">
+                                    <div class="col-6 col-md-4 small-padding">
                                         <div class="info">
                                             <font-awesome-icon v-if="editMode" icon="arrows-alt-v" class="action drag me-3" />
                                             <font-awesome-icon v-if="editMode" icon="times" class="action remove me-3" @click="removeMonitor(group.index, monitor.index)" />
@@ -70,7 +70,7 @@
                                             </div>
                                         </div>
                                     </div>
-                                    <div :key="$root.userHeartbeatBar" class="col-3 col-md-4">
+                                    <div :key="$root.userHeartbeatBar" class="col-6 col-md-8">
                                         <HeartbeatBar size="mid" :monitor-id="monitor.element.id" />
                                     </div>
                                 </div>