Minimum password length + Static Pages fixes (#11474)

* password min length: server + client side registering

* tweak text, add tests

* misc

* use red border for invalid inputs

* fix auth form for groups

* remove default firefox box shadown on invalid elements

* fix css in authForm

* fix margings

* misc fixes to forms and buttons

* fix typo

website/client/src/assets/scss/button.scss

@@ -20,7 +20,7 @@
     @include btn-focus-hover-shadow();
   }
 
-  &:hover:not(.btn-flat):not(.disabled) {
+  &:hover:not(.btn-flat):not(.disabled):not(:disabled) {
     @include btn-focus-hover-shadow();
     border-color: transparent;
   }
@@ -49,7 +49,7 @@
     background: $purple-200;
   }
 
-  &:hover:not(:disabled), &:active, &.active, &:focus {
+  &:hover:not(:disabled):not(.disabled), &:active:not(:disabled):not(.disabled), &.active:not(:disabled):not(.disabled), &:focus:not(:disabled):not(.disabled) {
     background: #5d3b9c !important;
     color: $white;
   }
@@ -59,7 +59,7 @@
   color: $gray-50;
   background: $white !important;
 
-  &:hover:not(:disabled):not(.disabled), &:active, &.active, &:focus {
+  &:hover:not(:disabled):not(.disabled), &:active:not(:disabled):not(.disabled), &.active:not(:disabled):not(.disabled), &:focus:not(:disabled):not(.disabled) {
     color: $purple-200 !important;
   }
 
@@ -80,7 +80,7 @@
     background: $green-100;
   }
 
-  &:hover:not(:disabled), &:active, &.active {
+  &:hover:not(:disabled):not(.disabled), &:active:not(:disabled):not(.disabled), &.active:not(:disabled):not(.disabled) {
     background: $green-50;
   }
 }
@@ -96,8 +96,12 @@
     background: $blue-50;
   }
 
-  &:hover:not(:disabled), &:active, &.active {
-    background: $blue-100;
+  &:hover:not(:disabled):not(.disabled) {
+    background-color: $blue-100;
+  }
+
+  &:active:not(:disabled):not(.disabled), &.active:not(:disabled):not(.disabled) {
+    background: $blue-50;
   }
 }
 
@@ -108,7 +112,11 @@
     background: $red-50;
   }
 
-  &:hover:not(:disabled), &:active, &.active {
+  &:hover:not(:disabled):not(.disabled) {
+    background: $red-100;
+  }
+
+  &:active:not(:disabled):not(.disabled), &.active:not(:disabled):not(.disabled) {
     background: $red-100;
   }
 }