From 2ff51ad07644a2e398410f8779ff972fc5a92bdc Mon Sep 17 00:00:00 2001
From: enzo707 <enzo.batista@autodesk.com>
Date: Wed, 3 Apr 2024 15:44:36 -0300
Subject: [PATCH] feat: improve icons look increasing room between nodes

---
 src/components/LibraryItem.tsx  | 14 +++++++++-----
 src/resources/LibraryStyles.css | 13 ++++++++++---
 2 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/src/components/LibraryItem.tsx b/src/components/LibraryItem.tsx
index 231ca09..8ac4063 100644
--- a/src/components/LibraryItem.tsx
+++ b/src/components/LibraryItem.tsx
@@ -159,11 +159,15 @@ export class LibraryItem extends React.Component<LibraryItemProps, LibraryItemSt
         this.props.data.itemType !== "coregroup" &&
         this.props.data.itemType !== "classType" &&
         this.props.data.itemType !== "none") {
-            return <img
-                className={"LibraryItemIcon"}
-                src={this.props.data.iconUrl}
-                onError={this.onImageLoadFail}
-            />;
+            return (
+                <div className="LibraryItemIconWrapper">
+                    <img
+                        className={"LibraryItemIcon"}
+                        src={this.props.data.iconUrl}
+                        onError={this.onImageLoadFail}
+                    />
+                </div>
+            );
         }
 
          // If it is a section, display the icon (if given) and provide a click interaction.
diff --git a/src/resources/LibraryStyles.css b/src/resources/LibraryStyles.css
index f580317..b6977b2 100644
--- a/src/resources/LibraryStyles.css
+++ b/src/resources/LibraryStyles.css
@@ -197,12 +197,19 @@ button {
 	-webkit-user-drag: none;
 }
 
+.LibraryItemContainerNone .LibraryItemIconWrapper {
+	width: 2.5rem;
+	height: 2.5rem;
+	margin: 0rem 0.3rem;
+}
+
 .LibraryItemContainerNone .LibraryItemIcon {
 	align-self: flex-start;
-	padding-left: 0.5rem;
+	height: 100%;
+	width: 100%;
+	object-fit: scale-down;
+	padding: 0rem;
 	padding-right: 0.5rem;
-	width: 2.5rem;
-	height: 2.5rem;
 	-webkit-user-drag: none;
 }