From 53ade999309259c94cc59b756e262b0bc991592a Mon Sep 17 00:00:00 2001
From: Nalvazhuthi <nalvazhuthi@hexrfactory.com>
Date: Fri, 22 Aug 2025 18:03:50 +0530
Subject: [PATCH] feat: Enhance Asset Management component with drop icon and
 improved styling

---
 .../hrm/assetManagement/AssetManagement.tsx          |  7 +++++--
 app/src/styles/layout/resourceManagement.scss        | 12 +++++++++++-
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/app/src/components/layout/sidebarRight/resourceManagement/hrm/assetManagement/AssetManagement.tsx b/app/src/components/layout/sidebarRight/resourceManagement/hrm/assetManagement/AssetManagement.tsx
index 2e2c665..d3df99d 100644
--- a/app/src/components/layout/sidebarRight/resourceManagement/hrm/assetManagement/AssetManagement.tsx
+++ b/app/src/components/layout/sidebarRight/resourceManagement/hrm/assetManagement/AssetManagement.tsx
@@ -61,7 +61,10 @@ const AssetManagement = () => {
                             <div className="header-wrapper">
 
                                 {expandedAssetId === asset.id ?
-                                    <img className='asset-image' src={asset.image} alt="" />
+                                    <>
+                                        <div className="drop-icon" onClick={() => setExpandedAssetId(null)}>▾</div>
+                                        <img className='asset-image' src={asset.image} alt="" />
+                                    </>
                                     :
                                     <div className="icon"><ForkLiftIcon /></div>
                                 }
@@ -98,7 +101,7 @@ const AssetManagement = () => {
                                     </div>
                                 </div>
 
-                                <div className="asset-estimate__view-button" onClick={() => setExpandedAssetId(null)}>
+                                <div className="asset-estimate__view-button">
                                     <EyeIcon isClosed={false} />
                                     <div className="asset-estimate__view-text">View in Scene</div>
                                 </div>
diff --git a/app/src/styles/layout/resourceManagement.scss b/app/src/styles/layout/resourceManagement.scss
index 400a98c..0b6d0c3 100644
--- a/app/src/styles/layout/resourceManagement.scss
+++ b/app/src/styles/layout/resourceManagement.scss
@@ -274,13 +274,14 @@
         display: flex;
         flex-direction: column;
         gap: 6px;
+        position: relative;
 
         .assetManagement-card-wrapper {
             padding: 16px;
             border: 1px solid #564B69;
             border-radius: 20px;
             gap: 10px;
-
+            position: relative;
 
 
             header {
@@ -298,6 +299,14 @@
                         border-radius: 7px;
                         @include flex-center;
                         background: var(--background-color-button);
+
+                    }
+
+                    .drop-icon {
+                        position: absolute;
+                        top: 15px;
+                        right: 17px;
+                        cursor: pointer;
                     }
 
                     .asset-image {
@@ -402,6 +411,7 @@
             }
 
             .asset-estimate {
+                margin-top: 5px;
                 display: flex;
                 flex-direction: column;
                 gap: 10px;