Task CR-999: update shortfreetext(S) with maps (input-group-text, inp…

…ut-group)

assets/survey_themes/ls6_surveytheme/forms/forms.scss

@@ -8,4 +8,11 @@ $input-border-width : 2px;
     border-width : $input-border-width;
     line-height  : $input-line-height;
 }
-
+.input-group-text {
+    padding      : $input-padding-y $input-padding-x;
+    border-width : $input-border-width;
+    line-height  : $input-line-height;
+}
+.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
+    margin-left: -$input-border-width;
+}

assets/survey_themes/ls6_surveytheme/forms/forms_colors.scss

@@ -4,16 +4,19 @@ $input-box-shadow         : 4px 4px 0 $elevation-shadow;
 $input-focus-border-color : $g-900;
 // input field
 .form-control {
-    color        : $input-color  ;
+    color        : $input-color;
     border-color : $input-border-color;
+
     &:focus {
         box-shadow   : $input-box-shadow;
         border-color : $input-focus-border-color
     }
+
     &::placeholder {
         color   : $g-600;
         opacity : 1;
     }
+
     &:-ms-input-placeholder {
         color   : $g-600;
         opacity : 1;
@@ -22,9 +25,11 @@ $input-focus-border-color : $g-900;
 
 .form-control[disabled] {
     color            : $color_mercury_approx;
+
     &.total {
         color : $color_gravel_approx;
     }
+
     background-color : $color_wild_sand_approx;
     opacity          : 1;
 }
@@ -41,6 +46,13 @@ fieldset[disabled] {
     }
 }
 
+.input-group-text {
+    color            : $white;
+    background-color : $base-color;
+    border-color     : $input-border-color;
+}
+
+
 input[type="checkbox"]:checked:after,
 .checkbox input[type="checkbox"]:checked:after,
 .checkbox-inline input[type="checkbox"]:checked:after {
@@ -59,4 +71,4 @@ textarea,
 .checkbox-item input[type="radio"]:checked + label::after {
     background-color : $base-color;
     color            : white;
-}
+}

assets/survey_themes/ls6_surveytheme/src/definitions.scss

@@ -1155,10 +1155,6 @@ body {
         color:            white;
         background-color: $base-color;
     }
-    .input-group-text {
-        color:            white;
-        background-color: $base-color;
-    }
     .nav {
         .nav-divider {
             background-color: $mercury;

themes/survey/ls6_surveytheme/css/theme.css

@@ -879,4 +879,14 @@ a {
   padding: 10px 12px;
   border-width: 2px;
   line-height: 16px;
+}
+
+.input-group-text {
+  padding: 10px 12px;
+  border-width: 2px;
+  line-height: 16px;
+}
+
+.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
+  margin-left: -2px;
 }