Slightly improve css

src/components/PublicGroupList.vue

@@ -48,12 +48,15 @@
                                                 {{ monitor.element.name }}
                                             </a>
                                             <p v-else class="item-name"> {{ monitor.element.name }} </p>
-                                            <font-awesome-icon
+                                            <span title="Toggle Clickable Link">
-                                                v-if="editMode"
+                                                <font-awesome-icon
-                                                :class="{'link-active': monitor.element.sendUrl}"
+                                                    v-if="editMode"
-                                                icon="link" class="action me-3"
+                                                    :class="{'link-active': monitor.element.sendUrl, 'btn-link': true}"
-                                                @click="toggleLink(group.index, monitor.index)"
+                                                    icon="link" class="action me-3"
-                                            />
+
+                                                    @click="toggleLink(group.index, monitor.index)"
+                                                />
+                                            </span>
                                         </div>
                                         <div v-if="showTags" class="tags">
                                             <Tag v-for="tag in monitor.element.tags" :key="tag" :item="tag" :size="'sm'" />
@@ -173,8 +176,13 @@ export default {
     display: inline-block;
 }
 
+.btn-link {
+    color: #bbbbbb;
+    margin-left: 5px;
+}
+
 .link-active {
-    color: #4caf50;
+    color: $primary;
 }
 
 .flip-list-move {