[Frontend] Form element style and markup fixes

WTD-610
Fixed markup in select.html;
Rebuilt associated CSS in _selects.scss;
Still to-do: checkbox valign and spacing

Conflicts:
	platform/commonUI/general/res/css/forms.css
	platform/commonUI/general/res/css/items.css
	platform/commonUI/general/res/css/theme-espresso.css
	platform/commonUI/general/res/css/tree.css

platform/commonUI/general/res/sass/_mixins.scss

@@ -74,6 +74,7 @@
 	@include box-sizing(border-box);
 //	@include box-shadow(rgba(black, 0.3) 0 1px 2px);
 	@include boxShdwSubtle();
+	border: none;
 	border-top: 1px solid lighten($bg, 20%);
 	color: $fg;
 	display: inline-block;

platform/commonUI/general/res/sass/forms/_elems.scss

@@ -16,9 +16,7 @@
 	.form-row {
 		@include box-sizing(border-box);
 		@include clearfix;
-		//		background: rgba(#00ff00, 0.1);
 		border-top: 1px solid $colorInteriorBorder;
-		//		box-sizing: border-box;
 		margin-top: $interiorMargin;
 		padding: $interiorMargin;
 		position: relative;
@@ -27,7 +25,6 @@
 		}
 		.label,
 		.controls {
-			//			background: rgba(#ffcc00, 0.1);
 			@include box-sizing(border-box);
 			@include clearfix;
 			box-sizing: border-box;
@@ -50,9 +47,11 @@
 
 		.controls {
 			float: left;
-//			padding-left: $interiorMargin;
             position: relative;
 			width: 99% - $formLabelW; // Start with less than 100% for Firefox
+			.select {
+				margin-right: $interiorMargin;
+			}
 		}
 
 		.field-hints {

platform/commonUI/general/res/sass/forms/_filter.scss

@@ -20,7 +20,7 @@
 	}
 	.icon.ui-symbol {
 		@include border-radius($controlCr);
-		display: block;
+		display: inline-block;
 		font-size: 1.3em;
 		height: $formInputH;
 		line-height: $formInputH;

platform/commonUI/general/res/sass/forms/_selects.scss

@@ -1,35 +1,26 @@
 .form-control.select {
-	$myH: $formInputH + 1;
 	@include btnSubtle($colorBodyBg);
-	margin-right: $interiorMargin;
-	margin-top: 1px;
-	padding: 0 25px 0 0;
+	cursor: pointer;
+	display: inline-block;
+	margin: 0 0 2px 2px; // Needed to avoid dropshadow from being clipped by parent containers
 	position: relative;
-	overflow: hidden;
-	vertical-align: middle;
-	
-	span.arw {
-		display: block;
-		pointer-events: none;
-		position: absolute;
-		right: 8%; top: 10%;
-	}
-
 	select {
 		@include appearance(none);
 		@include box-sizing(border-box);
-		border: none;
-		box-shadow: none;
-		background-color: transparent;
-		background-image: none;
+		background: none;
+		color: $colorBodyFg;
+		border: none !important;
 		cursor: pointer;
-//		height: $myH;
-//		line-height: $myH;
-		padding: 3px 5px 4px 5px;
-		width: 150%;
+		padding: 4px 25px 2px 5px;
 	}
-
-	select:focus {
-		outline: none;
+	&:after {
+		color: $colorKey;
+		content:"v";
+		display: block;
+		font-family: 'symbolsfont';
+		pointer-events: none;
+		position: absolute;
+		right: $interiorMargin; top: 0;
+//		z-index: 2;
 	}
 }