Add tree toggle icons

skins/elastic/styles/colors.less

@@ -17,6 +17,7 @@
 
 
 // List widget
+@list-color:                        black;
 @list-selected-color:               inherit;
 @list-selected-color-background:    #f9f9f9;
 

skins/elastic/styles/icons.less

@@ -7,6 +7,7 @@ a.button.icon:before,
 .folderlist li a:before,
 .listing.iconized tr td:before,
 .listing.iconized li a:before,
+ul.treelist li div.treetoggle:before,
 a.rcmaddcontact:before,
 .attachmentslist li:before,
 #taskmenu a:before {
@@ -311,6 +312,18 @@ a.button.icon > span.inner {
 }
 
 
+ul.treelist li div.treetoggle:before {
+	content: @fa-var-plus-square-o;
+	font-size: 0.8em;
+	width: 0.8em;
+	height: 0.8em;
+	background-color: white;
+}
+ul.treelist li div.treetoggle.expanded:before {
+	content: @fa-var-minus-square-o;
+}
+
+
 a.rcmaddcontact:before {
 	content: @fa-var-user-plus;
 	display: inline;

skins/elastic/styles/widgets.less

@@ -168,6 +168,7 @@ body.iframe .formbuttons {
 	white-space: nowrap;
 	vertical-align: middle;
 	line-height: 2.4em;
+	color: @list-color;
 }
 
 .listing tbody td {
@@ -218,11 +219,11 @@ ul.listing li ul li:last-child {
 
 ul.treelist li div.treetoggle {
 	position: absolute;
-	top: 7px;
+	top: 1.2em;
-	left: 4px;
+	left: 1.3em;
-	width: 13px;
+	width: 0.8em;
-	height: 13px;
+	height: 0.8em;
-	background: /* TODO */ no-repeat;
+	line-height: 0.8em;
 	cursor: pointer;
 }