Update columns layout buttons

Buttons are now smaller and use a left chevron instead of down chevron

bin/style.css

@@ -315,6 +315,12 @@ input[type=checkbox]:checked:after {
 .flex.vertical {
   flex-direction: column;
 }
+.scene-partition .hide-toolbar .button,
+.scene-partition .show-cols-btn {
+  min-width: 16px !important;
+  height: 16px !important;
+  font-size: 12px !important;
+}
 .scene-partition .show-cols-btn {
   position: absolute;
   margin-top: 2px;
@@ -403,7 +409,8 @@ input[type=checkbox]:checked:after {
   padding-top: 3px;
   border-top-color: white;
 }
-.hide-toolbar .button:active {
+.hide-toolbar .button:active,
+.scene-partition .show-cols-btn:active {
   padding-top: 3px;
   padding-bottom: 1px;
 }

bin/style.less

@@ -347,8 +347,16 @@ input[type=checkbox] {
 	flex-direction: column;
 }
 
+.scene-partition .hide-toolbar .button {
+	min-width : 16px !important;
+	height : 16px !important;
+	font-size: 12px !important;
+}
+
 .scene-partition .show-cols-btn {
 	&:extend(.hide-toolbar .button);
+	&:extend(.scene-partition .hide-toolbar .button);
+
 	position: absolute;
 	margin-top: 2px;
 	right: 0px;
@@ -356,6 +364,10 @@ input[type=checkbox] {
 	&:hover {
 		&:extend(.hide-toolbar .button:hover);
 	}
+
+	&:active {
+		&:extend(.hide-toolbar .button:active);
+	}
 }
 
 .hide-toolbar {

hide/view/Prefab.hx

@@ -144,5 +144,5 @@ class Prefab extends FileView {
 	}
 
 	// TOMORROW Comment this? but then the transition breaks existing tabs
-	static var _ = FileTree.registerExtension(Prefab,["prefab"],{ icon : "sitemap" });
+	// static var _ = FileTree.registerExtension(Prefab,["prefab"],{ icon : "sitemap" });
 }

hide/view/l3d/Level3D.hx

@@ -343,7 +343,7 @@ class Level3D extends FileView {
 					</div>
 
 					<div class="button show-cols-btn close-btn" title="Show Tree & Props">
-						<div class="icon fa fa-chevron-down"></div>
+						<div class="icon fa fa-chevron-left"></div>
 					</div>
 				</div>
 			</div>