From fb34f0f9d362e21811b225bcf4801fd57170f4f9 Mon Sep 17 00:00:00 2001
From: Dannon Baker <dannon.baker@gmail.com>
Date: Tue, 5 Mar 2024 15:18:30 -0500
Subject: [PATCH] Use first column for toggle when separator+collapsible

---
 client/src/components/Common/Heading.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/client/src/components/Common/Heading.vue b/client/src/components/Common/Heading.vue
index 57d909e128ef..cb46df1b3c7c 100644
--- a/client/src/components/Common/Heading.vue
+++ b/client/src/components/Common/Heading.vue
@@ -47,15 +47,15 @@ const element = computed(() => {
 
 <template>
     <div v-if="props.separator" class="separator heading">
-        <div class="stripe"></div>
+        <b-button v-if="collapsible" variant="link" size="sm" @click="$emit('click')">
+            <icon v-if="collapsed" fixed-width icon="angle-double-down" />
+            <icon v-else fixed-width icon="angle-double-up" />
+        </b-button>
+        <div v-else class="stripe"></div>
         <component
             :is="element"
             :class="[sizeClass, props.bold ? 'font-weight-bold' : '', collapsible ? 'collapsible' : '']"
             @click="$emit('click')">
-            <b-button v-if="collapsible" variant="link" size="sm">
-                <icon v-if="collapsed" fixed-width icon="angle-double-down" />
-                <icon v-else fixed-width icon="angle-double-up" />
-            </b-button>
             <slot />
         </component>
         <div class="stripe"></div>