From 49f8f8d803f71eac6fb208e088f24afb4b6dd403 Mon Sep 17 00:00:00 2001
From: Paulus Lucas <lucas67500@gmail.com>
Date: Thu, 23 Oct 2025 02:24:23 +0200
Subject: [PATCH] fix: gear settings being invisible when trying to edit status
 page items with long names (#6229)

---
 src/components/PublicGroupList.vue | 21 ++++++++-------------
 1 file changed, 8 insertions(+), 13 deletions(-)

diff --git a/src/components/PublicGroupList.vue b/src/components/PublicGroupList.vue
index cb97ecdcd..2dd57e860 100644
--- a/src/components/PublicGroupList.vue
+++ b/src/components/PublicGroupList.vue
@@ -37,7 +37,14 @@
                                         <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)" />
-
+                                            <font-awesome-icon
+                                                v-if="editMode"
+                                                icon="cog"
+                                                class="action me-3 ms-0"
+                                                :class="{'link-active': true, 'btn-link': true}"
+                                                data-testid="monitor-settings"
+                                                @click="$refs.monitorSettingDialog.show(group, monitor)"
+                                            />
                                             <Uptime :monitor="monitor.element" type="24" :pill="true" />
                                             <a
                                                 v-if="showLink(monitor)"
@@ -50,18 +57,6 @@
                                                 {{ monitor.element.name }}
                                             </a>
                                             <p v-else class="item-name" data-testid="monitor-name"> {{ monitor.element.name }} </p>
-
-                                            <span
-                                                title="Setting"
-                                            >
-                                                <font-awesome-icon
-                                                    v-if="editMode"
-                                                    :class="{'link-active': true, 'btn-link': true}"
-                                                    icon="cog" class="action me-3"
-                                                    data-testid="monitor-settings"
-                                                    @click="$refs.monitorSettingDialog.show(group, monitor)"
-                                                />
-                                            </span>
                                         </div>
                                         <div class="extra-info">
                                             <div v-if="showCertificateExpiry && monitor.element.certExpiryDaysRemaining">