VAN-634 - Adjust field validation text size (#381)

* VAN-635 - Adjust validation text size

* VAN-635 - Added EOF line

src/redesign/_style.scss

@@ -682,3 +682,11 @@ select.form-control {
   font-size: 0.875rem;
   line-height: 1.5;
 }
+
+.pgn__form-text {
+  font-size: 0.75rem;
+}
+
+.pgn__form-group {
+  margin-bottom: 1.75rem;
+}

src/redesign/common-components/FormGroup.jsx

@@ -7,7 +7,6 @@ import PropTypes from 'prop-types';
 
 const FormGroup = (props) => {
   const [hasFocus, setHasFocus] = useState(false);
-  const className = props.className || 'mb-4';
 
   const handleFocus = (e) => {
     setHasFocus(true);
@@ -22,7 +21,7 @@ const FormGroup = (props) => {
   };
 
   return (
-    <Form.Group controlId={props.name} className={className} isInvalid={props.errorMessage !== ''}>
+    <Form.Group controlId={props.name} className={props.className} isInvalid={props.errorMessage !== ''}>
       <Form.Control
         as={props.as}
         type={props.type}

src/redesign/common-components/PasswordField.jsx

@@ -55,7 +55,7 @@ const PasswordField = (props) => {
   );
 
   return (
-    <Form.Group controlId={props.name} className="mb-4" isInvalid={props.errorMessage !== ''}>
+    <Form.Group controlId={props.name} isInvalid={props.errorMessage !== ''}>
       <OverlayTrigger key="tooltip" placement={placement} overlay={tooltip} show={showTooltip}>
         <Form.Control
           as="input"