fix(verify-email-scene): spacing feedback part 2

blockchain · Aug 5, 2021 · 16d9d43 · 16d9d43
1 parent 24e8d03
commit 16d9d43
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/packages/blockchain-wallet-v4-frontend/src/assets/locales/index.d.ts b/packages/blockchain-wallet-v4-frontend/src/assets/locales/index.d.ts
@@ -2664,7 +2664,7 @@ type MessagesType = {
   'scenes.uploaddoc.uploadnow': 'Upload Now'
   'scenes.uploaddoc.verify': 'We need to verify your identity in order to allow buys,\n          sells or exchanges.'
   'scenes.verifyemail.title': 'Verify Your Email'
-  'scenes.verifyemail.description': 'We sent a verification email to: <b>{email}</b>. Please click the link in the email to continue.'
+  'scenes.verifyemail.description': 'We sent a verification email to <b>{email}</b>. Please click the link in the email to continue.'
   'scenes.verifyemail.button': 'Email didn’t arrive?'
   'scenes.verifyemail.do_it_later': 'I’ll Do This Later.'
   'scenes.verifyemailtoken.error': 'Something went wrong.'

diff --git a/packages/blockchain-wallet-v4-frontend/src/scenes/VerifyEmail/template.tsx b/packages/blockchain-wallet-v4-frontend/src/scenes/VerifyEmail/template.tsx
@@ -29,7 +29,13 @@ const VerifyEmail = ({ email, resendEmail, skipVerification }: Props) => {
           <IconWrapper>
             <Icon color='white' name='email' size='24px' />
           </IconWrapper>
-          <Text size='20px' weight={600} color='black' style={{ marginTop: '8px' }}>
+          <Text
+            size='20px'
+            weight={600}
+            color='black'
+            style={{ marginTop: '8px' }}
+            lineHeight='1.5'
+          >
             <FormattedMessage id='scenes.verifyemail.title' defaultMessage='Verify Your Email' />
           </Text>
           <Text
@@ -41,7 +47,7 @@ const VerifyEmail = ({ email, resendEmail, skipVerification }: Props) => {
           >
             <FormattedMessage
               id='scenes.verifyemail.description'
-              defaultMessage='We sent a verification email to: <b>{email}</b>. Please click the link in the email to continue.'
+              defaultMessage='We sent a verification email to <b>{email}</b>. Please click the link in the email to continue.'
               values={{
                 email
               }}
@@ -66,8 +72,8 @@ const VerifyEmail = ({ email, resendEmail, skipVerification }: Props) => {
           <Link
             onClick={skipVerification}
             size='14px'
-            style={{ marginTop: '8px' }}
-            weight={500}
+            style={{ marginTop: '16px' }}
+            weight={600}
             data-e2e='verifyEmailLater'
             color='blue600'
           >