Refactor contact editor form element templates markup and style

UI/WebServerResources/scss/components/input/input.scss

@@ -91,3 +91,9 @@ md-input-container {
     background-repeat: repeat-x;
   }
 }
+md-input-container .bgroup {
+  display: block;
+}
+.bgroup b {
+  left-margin: -1.25em;
+}

UI/WebServerResources/scss/core/layout.scss

@@ -13,3 +13,6 @@ layout-fill,
 flex, flex-sm, flex-gt-sm, flex-md, flex-gt-md, flex-lg, flex-gt-lg, hide, hide-sm, hide-gt-sm, hide-md, hide-gt-md, hide-lg, hide-gt-lg, show, show-sm, show-gt-sm, show-md, show-gt-md, show-lg, show-gt-lg;
 
 @include attributesToClasses($selectors);
+.md-flex {
+  flex: 1 1 auto;
+}

UI/WebServerResources/scss/core/mixins.scss

@@ -24,7 +24,7 @@
   @each $selector in $selectors {
     .md-#{$selector} {
 // no syntax error here
-      @extend [#{$selector}] !optional
+      @extend #{'['$selector']'} !optional
     }
   }
 }

UI/WebServerResources/scss/styles.scss

@@ -49,8 +49,9 @@
 /* Angular-material components local overrides */
 @import 'components/list/list.scss';
 @import 'components/divider/divider.scss';
-@import 'components/toolbar/toolbar.scss';
 @import 'components/bottombar/bottombar.scss';
+@import 'components/input/input.scss';
+
 
 // core styles - need to be after components till settings are correctly implemented
 // ------------------------------------------------------------------------------