wip

src/view/cmp/button/button.scss

@@ -14,7 +14,6 @@
   border-color: rgba($bg-main, 0);
   border-radius: 25px;
   cursor: pointer;
-  transition: all 0.3s ease;
 
   &:active {
     color: $accent-medium;

src/view/cmp/field/LabeledField.scss

@@ -27,19 +27,11 @@
   background-color: $bg-accent;
   border: 1px solid rgba(208, 209, 209, 0.8);
   border-radius: 25px;
-  transition: all 0.3s ease;
 
   &::placeholder {
     color: $gray-medium;
   }
 
-  &:invalid:not(:placeholder-shown),
-  .labeled-field--invalid & {
-    color: $red;
-    background-color: rgba(255, 0, 0, 0.1);
-    border-color: $red;
-  }
-
   &:hover {
     background-color: #F2F2F2;
     border-color: #D7D8D7;
@@ -56,6 +48,12 @@
       color: rgba(201, 199, 199, 0.5);
     }
   }
+
+  .labeled-field--invalid & {
+    color: $red;
+    background-color: rgba(255, 0, 0, 0.1);
+    border-color: $red;
+  }
 }
 
 .labeled-field__error-message {

src/view/page/login/Login.jsx

@@ -2,6 +2,7 @@ import '../../cmp/field/LabeledField.jsx';
 import Button from '../../cmp/button/Button.jsx';
 import Logo from '../../../svg/logo_vkusvill.svg';
 import './loginPage.scss';
+
 import Arr  from '../../../svg/arr.svg';
 import ArrB  from '../../../svg/arr-back.svg';
 /*import {AsyncAjax} from '/core/Ajax.jsx';
@@ -94,7 +95,10 @@ export default D.declare('view.page.Login', () => {
                 </form>
             </Switch.Item>
             <Switch.Item id={true}>
+                <div class={"login-page__back-link"}>
                     <Button onClick={() => loginStore.set('authHelp', false)}><ArrB width="17" height="11"/><span>Вернуться к авторизации</span></Button>
+                </div>
+                <h2 class="login-page__headline">Проблемы с авторизацией?</h2>
             </Switch.Item>
         </Switch>
     </div>

src/view/page/login/loginPage.scss

@@ -33,3 +33,10 @@
 .authorization-form__button {
 	margin: 15px 0 44px;
 }
+
+.login-page__back-link {
+	position: fixed;
+	top: 31px;
+	left: 37px;
+	z-index: 11;
+}