From 74d17ebf100cea5e62f9033d3556a22dcaf66119 Mon Sep 17 00:00:00 2001
From: Alicia Sykes <alicia@omg.lol>
Date: Thu, 21 May 2026 14:37:59 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Make=20sec=20title=20be=20click=20t?=
 =?UTF-8?q?o=20collapse=20(#2155)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/LinkItems/Collapsable.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/LinkItems/Collapsable.vue b/src/components/LinkItems/Collapsable.vue
index 5e851378fa..b8c5a5e417 100644
--- a/src/components/LinkItems/Collapsable.vue
+++ b/src/components/LinkItems/Collapsable.vue
@@ -20,8 +20,9 @@
         v-tooltip="toggleTooltip()" :aria-label="$t('context-menus.section.expand-collapse')">
         <span class="arrow" aria-hidden="true"></span>
       </label>
-      <Icon v-if="icon" :icon="icon" size="small" :url="title" class="section-icon" />
-      <h3>{{ title }}</h3>
+      <Icon v-if="icon" :icon="icon" size="small" :url="title" class="section-icon"
+        @click="toggle" />
+      <h3 @click="toggle">{{ title }}</h3>
       <OpenIcon v-if="title" @click.prevent.stop="navigateToSection"
         v-tooltip="openTooltip()" class="header-action" />
       <EditModeIcon v-if="isEditMode" @click="openEditModal"
@@ -231,8 +232,8 @@ export default {
     padding: 0.25rem;
     color: var(--item-group-heading-text-color);
     border-radius: var(--curve-factor);
-    h3 { flex: 1; margin: 0; padding: 0; }
-    .section-icon { margin-right: 0.5rem; }
+    h3 { flex: 1; margin: 0; padding: 0; cursor: pointer; }
+    .section-icon { margin-right: 0.5rem; cursor: pointer; }
   }
 
   .collapse-toggle {