Merge pull request #197 from cormacmccarthy/GH191---tree-folder-verti…

…cal-alignment-off-in-firefox-for-selectable-folder-style

Gh191   tree folder vertical alignment off in firefox for selectable folder style

less/fuelux-override/tree.less

@@ -1,14 +1,13 @@
 
 .tree-caret-sizes() {
-	width: @tree-caret-size;
-	height: @tree-caret-size;
-	top: 2px;
+	width: 1px;//this fixes weird FF/Chrome issues
+	height: 7px;//this fixes weird FF/Chrome issues
+	top: 3px;
 
 }
 .tree-caret() {
 	background: none;
 	border-color: none;
-	top: 0px;
 	left: 0px;
 	.fuelux-icon;
 	.fuelux-icon-caret-right;
@@ -17,11 +16,9 @@
 	border: 0px solid transparent;
 	border-radius: 0;
 	content: "" !important;
-	padding: 0;
-	padding-left: 0;
-	padding-right: 0;
-	background-position-x: 0px;
-	background-position-y: 0px;
+	padding: 12px 0 0;//has to be here instead of .tree-caret-sizes() because otherwise folder selection in FF messes up
+	background-position: 0px;
+	box-sizing: border-box;
 }
 
 
@@ -124,7 +121,6 @@
 	}
 
 	.icon-item {
-		margin-right: 4px;
 		margin-right: 4px;
 		.fuelux-icon;
 		.fuelux-icon-dot;

less/variables.less

@@ -3,11 +3,6 @@
 @form-elements-padding: unit(@form-elements-padding-value, px);
 
 
-// TREE
-@tree-caret-size-value: 13;
-@tree-caret-size: unit(@tree-caret-size-value, px);
-
-
 // CHECKBOX
 @checkbox-width-value: 15;
 @checkbox-width: unit(@checkbox-width-value, px);