Made input-area border sizes consistent

Expected:
Border size should be consistent between normal and focus state.

Actual:
Border size changes from 2px normal state to 1px in focus state.

Fix:
Bootstrap uses 2px borders on inputs. It was winning for normal state but not for focus state. Preferred consistent 2px as defined by Bootstrap rather than a forced override.

Bonus:
Stops text inputs shifting around when focused/unfocused.

Signed-off-by: Tanya Gray <tanyagray.nz@gmail.com>

public/assets/css/_base-sass/_forms.scss

@@ -29,7 +29,7 @@ legend, .legend{
 
 .input-Area, %input-Area{
     background:#fff;
-    border:1px solid $c-Border;
+    border:2px solid $c-Border;
     font-family:$arial;
     line-height:1.25; 
     margin-bottom:$spacing*2;
@@ -37,7 +37,7 @@ legend, .legend{
     width:80%;
     &:focus{
       background:$c-Lighter;
-      border:1px solid #50B6D5;
+      border:2px solid #50B6D5;
       @include box-shadow($bs-2)
     }
 }