CSS: Improve forms (at least a bit :))

public/css/icinga/forms.less

@@ -173,8 +173,13 @@ form label {
   width: 10em;
 }
 
-select, input[type=text] {
+select, input[type=text], textarea {
   width: 20em;
+  display: inline-block;
+}
+
+textarea {
+  height: 4em;
 }
 
 form .description {
@@ -186,16 +191,34 @@ form .description {
   display: block;
 }
 
-textarea {
-  height: 4em;
+form label.has-feedback:after {
+  content: '\e85b';
+  font-family: "ifont";
+  font-style: normal;
+  font-weight: normal;
+  speak: none;
 
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
+  display: inline-block;
+  text-decoration: inherit;
+  width: 1em;
+  margin-right: .2em;
+  text-align: center;
+  /* opacity: .8; */
 
-  width: 100%;
-}
-
-input, select, textarea {
-  display: inline;
+  /* For safety - reset parent styles, that can break glyph codes*/
+  font-variant: normal;
+  text-transform: none;
+
+  /* fix buttons height, for twitter bootstrap */
+  line-height: 1em;
+
+  /* Animation center compensation - margins should be symmetric */
+  /* remove if not needed */
+  margin-left: .2em;
+
+  /* you can be more comfortable with increased icons size */
+  /* font-size: 120%; */
+
+  /* Uncomment for 3D effect */
+  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
 }