From 5c236051d06760605ade1ddf43023382d9b38ae5 Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Tue, 16 May 2023 00:35:07 +0300
Subject: [PATCH] Auth popup styles fixes

---
 .../Nav/AuthModal/AuthModal.module.scss       |  2 +-
 src/components/Nav/AuthModal/index.tsx        | 21 ++++++++++---------
 2 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/components/Nav/AuthModal/AuthModal.module.scss b/src/components/Nav/AuthModal/AuthModal.module.scss
index 3b6251e7..075ef974 100644
--- a/src/components/Nav/AuthModal/AuthModal.module.scss
+++ b/src/components/Nav/AuthModal/AuthModal.module.scss
@@ -87,8 +87,8 @@
 
 .disclaimer {
   @include font-size(1.2rem);
-
   color: #9fa1a7;
+  margin-bottom: 0;
 }
 
 .authActions {
diff --git a/src/components/Nav/AuthModal/index.tsx b/src/components/Nav/AuthModal/index.tsx
index 72a814e2..43336ca7 100644
--- a/src/components/Nav/AuthModal/index.tsx
+++ b/src/components/Nav/AuthModal/index.tsx
@@ -39,20 +39,21 @@ export const AuthModal = () => {
       class={clsx('row', styles.view)}
       classList={{ [styles.signUp]: mode() === 'register' || mode() === 'confirm-email' }}
     >
-      <div class={clsx('col-md-12 d-none d-md-block', styles.authImage)}>
+      <div class={clsx('col-md-12 d-none d-md-flex', styles.authImage)}>
         <div
           class={styles.authImageText}
           classList={{ [styles.hidden]: mode() !== 'register' && mode() !== 'confirm-email' }}
         >
-          <h2>{t('Discours')}</h2>
-          <h4>{t(`Join the global community of authors!`)}</h4>
-          <p class={styles.authBenefits}>
-            {t(
-              'Get to know the most intelligent people of our time, edit and discuss the articles, share your expertise, rate and decide what to publish in the magazine'
-            )}
-            .&nbsp;
-            {t('New stories every day and even more!')}
-          </p>
+          <div>
+            <h4>{t(`Join the global community of authors!`)}</h4>
+            <p class={styles.authBenefits}>
+              {t(
+                'Get to know the most intelligent people of our time, edit and discuss the articles, share your expertise, rate and decide what to publish in the magazine'
+              )}
+              .&nbsp;
+              {t('New stories every day and even more!')}
+            </p>
+          </div>
           <p class={styles.disclaimer}>
             {t('By signing up you agree with our')}{' '}
             <a