From 72f72bc84f2d61710f02d130e0fc3a0f25da869b Mon Sep 17 00:00:00 2001
From: Gani Georgiev <gani.georgiev@gmail.com>
Date: Sat, 16 Jul 2022 10:40:04 +0300
Subject: [PATCH] added invalid form-group styles

---
 ui/src/scss/_form.scss | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/ui/src/scss/_form.scss b/ui/src/scss/_form.scss
index e8dcc9e5d..804831c25 100644
--- a/ui/src/scss/_form.scss
+++ b/ui/src/scss/_form.scss
@@ -409,7 +409,7 @@ select {
     label {
         display: flex;
         width: 100%;
-        column-gap: 10px;
+        column-gap: 5px;
         align-items: center;
         user-select: none;
         font-weight: 600;
@@ -487,7 +487,8 @@ select {
     }
 
     // states
-    &.error {
+    &.error,
+    &.invalid {
         .help-block-error {
             color: var(--dangerColor);
         }
@@ -495,11 +496,17 @@ select {
             color: var(--dangerColor);
         }
     }
+    &.invalid {
+        label, %input {
+            background: var(--dangerAltColor);
+        }
+    }
     &.required:not(.form-field-toggle) {
         > label:after {
             content: '*';
             color: var(--dangerColor);
-            margin-left: -7px;
+            margin-top: -2px;
+            margin-left: -2px;
         }
     }
     &.disabled {