From d800d354b17a8c4d5b43c107fa5bc70279409399 Mon Sep 17 00:00:00 2001
From: NikolaBorislavovHristov <hristovnikola@protonmail.com>
Date: Thu, 12 Sep 2019 11:28:11 +0300
Subject: [PATCH] Intro styles simplified

---
 src/routes/Intro/Intro.js    |  6 +++---
 src/routes/Intro/styles.less | 16 ++++++----------
 2 files changed, 9 insertions(+), 13 deletions(-)

diff --git a/src/routes/Intro/Intro.js b/src/routes/Intro/Intro.js
index 265661092..c3d338827 100644
--- a/src/routes/Intro/Intro.js
+++ b/src/routes/Intro/Intro.js
@@ -151,7 +151,7 @@ const Intro = () => {
                 <div className={styles['facebook-statement']}>We won't post anything on your behalf</div>
                 <CredentialsTextInput
                     ref={emailRef}
-                    className={styles['text-input']}
+                    className={styles['credentials-text-input']}
                     type={'email'}
                     placeholder={'Email'}
                     value={state.email}
@@ -160,7 +160,7 @@ const Intro = () => {
                 />
                 <CredentialsTextInput
                     ref={passwordRef}
-                    className={styles['text-input']}
+                    className={styles['credentials-text-input']}
                     type={'password'}
                     placeholder={'Password'}
                     value={state.password}
@@ -172,7 +172,7 @@ const Intro = () => {
                         <React.Fragment>
                             <CredentialsTextInput
                                 ref={confirmPasswordRef}
-                                className={styles['text-input']}
+                                className={styles['credentials-text-input']}
                                 type={'password'}
                                 placeholder={'Confirm Password'}
                                 value={state.confirmPassword}
diff --git a/src/routes/Intro/styles.less b/src/routes/Intro/styles.less
index 9243b1cc5..293b9bf5b 100644
--- a/src/routes/Intro/styles.less
+++ b/src/routes/Intro/styles.less
@@ -3,6 +3,7 @@
     flex-direction: row;
     justify-content: center;
     align-items: center;
+    width: 100%;
     height: 100%;
     background:
         linear-gradient(var(--color-backgrounddark80), var(--color-backgrounddark80)),
@@ -23,7 +24,6 @@
             flex-direction: row;
             align-items: center;
             justify-content: center;
-            width: 100%;
             padding: 0 1rem;
 
             .icon {
@@ -33,15 +33,12 @@
                 width: 0.8rem;
                 margin-right: 1rem;
                 fill: var(--color-surfacelighter);
-
-                &~.label {
-                    max-width: calc(100% - 1.8rem);
-                }
             }
 
             .label {
-                flex: none;
-                max-width: 100%;
+                flex-grow: 0;
+                flex-shrink: 1;
+                flex-basis: auto;
                 padding: 0.3rem 0;
                 font-size: 1.1rem;
                 font-weight: 600;
@@ -63,14 +60,13 @@
         }
 
         .facebook-statement {
-            width: 100%;
             margin-top: 0.5rem;
             margin-bottom: 2rem;
             text-align: center;
             color: var(--color-surface);
         }
 
-        .text-input {
+        .credentials-text-input {
             display: block;
             width: 100%;
             margin: 1rem 0;
@@ -100,9 +96,9 @@
             text-align: right;
 
             .forgot-password-link {
-                flex-basis: auto;
                 flex-grow: 0;
                 flex-shrink: 1;
+                flex-basis: auto;
                 padding: 0.5rem 0.3rem;
                 color: var(--color-surfacelight);