UI Jstree: Spacing and style adjustments.

src/styles/plugins/_jstree.sass

@@ -20,7 +20,7 @@ $tree-color-highlight-background-text: $primary
 		&[data-node-type="texture"],
 		&[data-node-type="hdri"]
 			.jstree-anchor
-				padding-right: 20px
+				padding-right: 20px // Make room for the angle-right icon.
 
 			&[is_free='true']
 				.jstree-anchor
@@ -36,7 +36,7 @@ $tree-color-highlight-background-text: $primary
 			font-weight: bold
 
 			.jstree-anchor
-				padding: 0 6px
+				padding: 0 5px
 
 				&:after
 					top: 3px !important
@@ -61,35 +61,22 @@ $tree-color-highlight-background-text: $primary
 		&.jstree-open
 			/* Text of children for an open tree (like a folder) */
 			.jstree-children > .jstree-node
-				padding-left: 16px !important
+				padding-left: 25px !important
+
+				&:before
+					box-shadow: inset 5px 0 0 rgba($tree-color-text, .1)
+					content: ' '
+					height: 100%
+					width: 2px
+					position: absolute
+					left: 8px
 
 				.jstree-icon:empty
-					left: 20px !important
+					left: 25px !important
-
-					// Tweaks for specific icons
-					&.pi-file-archive
-						left: 25px !important
-					&.pi-folder
-						left: 20px !important
-						font-size: .9em !important
-					&.pi-splay
-						left: 20px !important
-						font-size: .85em !important
-
-				.jstree-anchor
-					// box-shadow: inset 1px 0 0 0 $color-background
 
 		/* Closed Folder */
 		// &.jstree-closed
 
-		&.jstree-open .jstree-icon.jstree-ocl,
-		&.jstree-closed .jstree-icon.jstree-ocl
-			float: left
-			min-width: 30px
-			opacity: 0
-			position: absolute
-			z-index: 1
-
 		/* The text of the last level item */
 		.jstree-anchor
 			+media-xs
@@ -98,10 +85,7 @@ $tree-color-highlight-background-text: $primary
 			border: none
 			font-size: 13px
 			height: inherit
-			line-height: 24px
 			overflow: hidden
-			padding-left: 28px
-			padding-right: 10px
 			text-overflow: ellipsis
 			white-space: nowrap
 			width: 100%
@@ -150,9 +134,7 @@ $tree-color-highlight-background-text: $primary
 	.jstree-clicked > .jstree-ocl
 		color: $tree-color-highlight-background-text !important
 		background-color: transparent !important
-		border-radius: 0
 		box-shadow: none
-		border-bottom: thin solid transparent
 
 	.jstree-ocl:before
 		+media-xs
@@ -177,7 +159,7 @@ $tree-color-highlight-background-text: $primary
 
 		&:empty
 			line-height: 24px
-			left: 3px
+			left: 1px
 
 	&.is_subscriber
 		.jstree-node
@@ -204,7 +186,7 @@ $tree-color-highlight-background-text: $primary
 
 .jstree-default .jstree-node.jstree-closed .jstree-icon.jstree-ocl + .jstree-anchor,
 .jstree-default .jstree-node.jstree-open .jstree-icon.jstree-ocl + .jstree-anchor
-	padding-left: 24px !important
+	padding-left: 25px !important
 
 /* hovered text */
 .jstree-default .jstree-hovered,