feat: improve icons look increasing room between nodes

Author: EnzoBatistaU

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.

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;
 }