From 8a71dfc02296e61c461f456ca45cbb9924a2b748 Mon Sep 17 00:00:00 2001
From: naman-bruno <naman@usebruno.com>
Date: Fri, 17 Jan 2025 13:20:53 +0530
Subject: [PATCH] enhancement: moved collection click area from name to div
 (#3813)

---
 .../src/components/Sidebar/Collections/Collection/index.js  | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/bruno-app/src/components/Sidebar/Collections/Collection/index.js b/packages/bruno-app/src/components/Sidebar/Collections/Collection/index.js
index 61dd8b6ed7..3b814a7e5e 100644
--- a/packages/bruno-app/src/components/Sidebar/Collections/Collection/index.js
+++ b/packages/bruno-app/src/components/Sidebar/Collections/Collection/index.js
@@ -152,6 +152,8 @@ const Collection = ({ collection, searchText }) => {
       <div className="flex py-1 collection-name items-center" ref={drop}>
         <div
           className="flex flex-grow items-center overflow-hidden"
+          onClick={handleCollapseCollection}
+          onContextMenu={handleRightClick}
         >
           <IconChevronRight
             size={16}
@@ -160,9 +162,7 @@ const Collection = ({ collection, searchText }) => {
             style={{ width: 16, minWidth: 16, color: 'rgb(160 160 160)' }}
             onClick={handleClick}
           />
-          <div className="ml-1" id="sidebar-collection-name"    
-            onClick={handleCollapseCollection}
-            onContextMenu={handleRightClick}>
+          <div className="ml-1" id="sidebar-collection-name">
             {collection.name}
           </div>
         </div>