Skip to content

Fix Additional Information Text Margin#5363

Merged
Dal-Papa merged 3 commits into
mainfrom
cmartins-additionalInfoMargin
Sep 21, 2021
Merged

Fix Additional Information Text Margin#5363
Dal-Papa merged 3 commits into
mainfrom
cmartins-additionalInfoMargin

Conversation

@luacmartins

@luacmartins luacmartins commented Sep 20, 2021

Copy link
Copy Markdown
Contributor

Details

This PR fixes the margin on the additional information page.

Fixed Issues

$ #5343

Tests

  1. Login to NewDot using an account with a Workspace and without the Expensify Card.
  2. Navigate to '/bank-account/contract' or follow these steps to get to the additional information step.
  3. Verify that the horizontal margins look like the images below.

QA Steps

Steps above.

Tested On

  • Web
  • Mobile Web
  • Desktop
  • iOS
  • Android

Screenshots

Web

web

Mobile Web

mweb

Desktop

desktop

iOS

ios

Android

android

@luacmartins
luacmartins requested a review from a team September 20, 2021 19:24
@luacmartins luacmartins self-assigned this Sep 20, 2021
@MelvinBot
MelvinBot requested review from Dal-Papa and removed request for a team September 20, 2021 19:24
</View>
)}
<Text style={[styles.textStrong, styles.mb5]}>
<Text style={[styles.textStrong, styles.mv5]}>

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Added a top margin to separate "Agreement" from the top checkboxes and make it look more like @shawnborton's image.

<Text>{this.props.translate('common.iAcceptThe')}</Text>
<TextLink href="https://use.expensify.com/achterms">
{`${this.props.translate('beneficialOwnersStep.termsAndConditions')}.`}
{`${this.props.translate('beneficialOwnersStep.termsAndConditions')}`}

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Removed "." to make it consistent with the other checkbox items.

@shawnborton

Copy link
Copy Markdown
Contributor

I think you can also make the "Agreement" use a normal font weight and not bold.

@luacmartins
luacmartins requested a review from a team as a code owner September 20, 2021 19:36
@luacmartins
luacmartins removed the request for review from a team September 20, 2021 19:36
@luacmartins

Copy link
Copy Markdown
Contributor Author

Updated!

@luacmartins
luacmartins removed the request for review from MonilBhavsar September 20, 2021 19:39
@shawnborton

Copy link
Copy Markdown
Contributor

Looks good, thanks Carlos!

@Dal-Papa
Dal-Papa merged commit ef46b12 into main Sep 21, 2021
@Dal-Papa
Dal-Papa deleted the cmartins-additionalInfoMargin branch September 21, 2021 08:36
@OSBotify

Copy link
Copy Markdown
Contributor

✋ This PR was not deployed to staging yet because QA is ongoing. It will be automatically deployed to staging after the next production release.

@OSBotify

Copy link
Copy Markdown
Contributor

🚀 Deployed to staging by @Dal-Papa in version: 1.1.0-3 🚀

platform result
🤖 android 🤖 success ✅
🖥 desktop 🖥 success ✅
🍎 iOS 🍎 success ✅
🕸 web 🕸 success ✅

@OSBotify

Copy link
Copy Markdown
Contributor

🚀 Deployed to production by @Jag96 in version: 1.1.1-8 🚀

platform result
🤖 android 🤖 success ✅
🖥 desktop 🖥 success ✅
🍎 iOS 🍎 success ✅
🕸 web 🕸 success ✅

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants