From 5749dfb6dc8c51db6f82a8b646cd77fdb4b6ac72 Mon Sep 17 00:00:00 2001
From: naman-bruno <naman@usebruno.com>
Date: Thu, 16 Jan 2025 13:35:10 +0530
Subject: [PATCH] enhancement: moved collection click area from name to div

---
 .../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>