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 = () => {
{expandedAssetId === asset.id ? - + <> +
setExpandedAssetId(null)}>▾
+ + :
} @@ -98,7 +101,7 @@ const AssetManagement = () => {
-
setExpandedAssetId(null)}> +
View in Scene
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;