[Frontend] CSS tweaks to fix required glyph positioning

#700 CSS modded to allow better cross-browser positioning of 'required' form-row glyphs; Other elem's CSS adjusted as a result;
2016-03-16 09:43:59 -07:00
parent d30532a8bc
commit 32a42bd679
4 changed files with 8 additions and 2 deletions
--- a/platform/commonUI/general/res/sass/forms/_elems.scss
+++ b/platform/commonUI/general/res/sass/forms/_elems.scss
@@ -55,7 +55,6 @@
 		>.controls {
 			box-sizing: border-box;
 			font-size: 0.8rem;
-            min-height: $formInputH;
 		}

 		>.label {
--- a/platform/commonUI/general/res/sass/forms/_validation.scss
+++ b/platform/commonUI/general/res/sass/forms/_validation.scss
@@ -23,9 +23,13 @@
    > .label {
        padding-right: $reqSymbolM; // Keep room for validation element
        &::after {
-	        float: right;
+            position: absolute;
+            right: $interiorMargin;
            font-family: symbolsfont;
            font-size: $reqSymbolFontSize;
+            height: 100%;
+            line-height: 200%;
+
        }
    }
    &.invalid,