diff --git a/src/app/components/form-field/form-field.html b/src/app/components/form-field/form-field.html index 7cb5fb2..5b4370e 100644 --- a/src/app/components/form-field/form-field.html +++ b/src/app/components/form-field/form-field.html @@ -9,7 +9,7 @@ placeholder="{{placeholder()}}" type="{{type()}}" > -
+
@for(error of errorsDictionary()|keyvalue; track error.key) { @if(control.hasError(error.key) && isDirty){

• {{error.value}}

diff --git a/src/app/components/form-field/form-field.scss b/src/app/components/form-field/form-field.scss index 207ea00..a1e6eac 100644 --- a/src/app/components/form-field/form-field.scss +++ b/src/app/components/form-field/form-field.scss @@ -21,11 +21,10 @@ } } -.errors-container { - margin-top: 0.4rem; -} - .error-text { + &:first-of-type { + margin-top: 0.4rem; + } margin: 0; color: #000; }