From d39ce62d6ac97103a9f9db7eb8500a4a20915ed0 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Thu, 3 Aug 2023 19:22:07 +0530
Subject: [PATCH] fix: only section header text/icon clickable

---
 frontend/src/pages/Lead.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/pages/Lead.vue b/frontend/src/pages/Lead.vue
index 65098e21..e2f7bcea 100644
--- a/frontend/src/pages/Lead.vue
+++ b/frontend/src/pages/Lead.vue
@@ -86,14 +86,14 @@
           >
             <Toggler :is-opened="section.opened" v-slot="{ opened, toggle }">
               <div
-                class="flex items-center gap-1 text-base font-semibold leading-5 px-3 cursor-pointer"
+                class="flex items-center gap-1 text-base font-semibold leading-5 pr-3 cursor-pointer max-w-fit"
                 @click="toggle()"
               >
-                {{ section.label }}
                 <FeatherIcon
                   :name="opened ? 'chevron-up' : 'chevron-down'"
                   class="h-4 text-gray-600"
                 />
+                {{ section.label }}
               </div>
               <transition
                 enter-active-class="duration-300 ease-in"
@@ -268,7 +268,7 @@ const tabs = computed(() => {
       label: 'Activity',
       icon: ActivityIcon,
       content: lead.data.activities,
-      activityTitle: 'Activity log'
+      activityTitle: 'Activity log',
     },
     {
       label: 'Emails',
@@ -276,7 +276,7 @@ const tabs = computed(() => {
       content: lead.data.activities.filter(
         (activity) => activity.activity_type === 'communication'
       ),
-      activityTitle: 'Emails'
+      activityTitle: 'Emails',
     },
     {
       label: 'Calls',
@@ -284,7 +284,7 @@ const tabs = computed(() => {
       content: lead.data.activities.filter(
         (activity) => activity.activity_type === 'call'
       ),
-      activityTitle: 'Calls'
+      activityTitle: 'Calls',
     },
     {
       label: 'Tasks',