From a41e16039e6f6d6cdbea848cf1376aa762f70704 Mon Sep 17 00:00:00 2001
From: Victor <vitek.batishev97@gmail.com>
Date: Wed, 1 Jun 2022 20:30:10 +0300
Subject: [PATCH] fix desktop version auth

---
 src/components/Auth/AuthForDevelopers.js   |  4 +++-
 src/components/Auth/authForDevelopers.scss | 12 +++---------
 src/components/Auth/authForPartners.scss   |  9 ++-------
 src/components/AuthBox/AuthBox.js          |  8 +++++---
 src/components/AuthBox/authBox.scss        |  7 ++-----
 5 files changed, 15 insertions(+), 25 deletions(-)

diff --git a/src/components/Auth/AuthForDevelopers.js b/src/components/Auth/AuthForDevelopers.js
index b6d50a69..99f5907c 100644
--- a/src/components/Auth/AuthForDevelopers.js
+++ b/src/components/Auth/AuthForDevelopers.js
@@ -70,7 +70,9 @@ const AuthForDevelopers = () => {
 
                   <ul className='auth-developers__info-list'>
                     <li className='auth-developers__info-item'>
-                      Рабочее пространство
+                      Рабочее
+                      <br />
+                      пространство
                     </li>
                     <li className='auth-info__list-item'>
                       Управление задачами
diff --git a/src/components/Auth/authForDevelopers.scss b/src/components/Auth/authForDevelopers.scss
index 73861167..5ab764bf 100644
--- a/src/components/Auth/authForDevelopers.scss
+++ b/src/components/Auth/authForDevelopers.scss
@@ -118,13 +118,7 @@
   flex-direction: column;
   text-align: center;
   margin-top: 28px;
-  margin-left: -20px;
-}
-
-@media (max-width: 575.98px) {
-  .auth-developers__info-img {
-    margin-left: -48px;
-  }
+  margin-left: -40px;
 }
 
 .auth-developers__info-img > div > img {
@@ -147,7 +141,7 @@
   list-style: none;
   margin-top: 110px;
   position: absolute;
-  left: 114px;
+  left: 34px;
 }
 
 @media (max-width: 575.98px) {
@@ -159,7 +153,7 @@
 .auth-developers__info-item {
   color: #1f1f1f;
   font-family: 'GT Eesti Pro Display';
-  font-size: 4em;
+  font-size: 2.6em;
   font-weight: 700;
   font-style: normal;
   letter-spacing: normal;
diff --git a/src/components/Auth/authForPartners.scss b/src/components/Auth/authForPartners.scss
index 930adfcd..60659195 100644
--- a/src/components/Auth/authForPartners.scss
+++ b/src/components/Auth/authForPartners.scss
@@ -112,12 +112,7 @@
   flex-direction: column;
   text-align: center;
   margin-top: 28px;
-}
-
-@media (max-width: 575.98px) {
-  .auth-partners__info-img {
-    margin-left: -48px;
-  }
+  margin-left: -40px;
 }
 
 .auth-partners__info-img > div > img {
@@ -144,7 +139,7 @@
   list-style: none;
   margin-top: 110px;
   position: absolute;
-  right: -120px;
+  right: -70px;
 }
 
 @media (max-width: 575.98px) {
diff --git a/src/components/AuthBox/AuthBox.js b/src/components/AuthBox/AuthBox.js
index 9248425d..671d71f3 100644
--- a/src/components/AuthBox/AuthBox.js
+++ b/src/components/AuthBox/AuthBox.js
@@ -95,9 +95,11 @@ export const AuthBox = ({ title, altTitle, roleChangeLink }) => {
             {isLoading ? <Loader /> : 'Войти'}
           </button>
 
-          <button className='auth-box__form-btn--role auth-box__auth-link'>
-            <Link to={roleChangeLink}>{altTitle}</Link>
-          </button>
+          <Link to={roleChangeLink}>
+            <button className='auth-box__form-btn--role auth-box__auth-link'>
+              {altTitle}
+            </button>
+          </Link>
         </div>
       </form>
     </div>
diff --git a/src/components/AuthBox/authBox.scss b/src/components/AuthBox/authBox.scss
index 7d13b90a..a33a0363 100644
--- a/src/components/AuthBox/authBox.scss
+++ b/src/components/AuthBox/authBox.scss
@@ -50,7 +50,7 @@
     span {
       color: #18586e;
       font-family: 'GT Eesti Pro Display';
-      font-size: 1.6em;
+      font-size: 2em;
       font-weight: 500;
       font-style: normal;
       letter-spacing: normal;
@@ -161,10 +161,7 @@
         text-align: center;
         border: 2px solid #6aaf5c;
         margin-right: 1.5rem;
-
-        a {
-          color: #6aaf5c !important;
-        }
+        color: #6aaf5c !important;
       }
 
       .loader * {