[HOLD for payment 2023-02-08] Amount and email address seems too close

[kavimuru]

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!

---

Action Performed:

1. Open the app
2. Go to any chat (choose a chat with long name)
3. Choose Request Money
4. Enter a large amount
5. Click "Next"
6. You'll notice the amount might be too close to the email
7. You might need to change the currency to FCFA in some cases

Expected Result:

Some padding/margin should be between these two

Actual Result:

It's too close to each other

Workaround:

unknown

Platforms:

Which of our officially supported platforms is this issue occurring on?

• Android / native
• Android / Chrome

Version Number: 1.2.44-0
Reproducible in staging?: y
Reproducible in production?: y
Email or phone of affected tester (no customers):
Logs: https://stackoverflow.com/c/expensify/questions/4856
Notes/Photos/Videos:

Expensify/Expensify Issue URL:
Issue reported by: @daraksha-dk
Slack conversation: https://expensify.slack.com/archives/C049HHMV9SM/p1672076984952519

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~017b4af6adbfc61e40
• Upwork Job ID: 1608409698728001536
• Last Price Increase: 2022-12-29

[sketchydroide]

yeah that seems to close, should be an easy fix though.
@mallenexpensify let me know if you can replicate, if you don't have time I'll try myself tomorrow

[mallenexpensify]

My concern is that, for CA $, the amount has to be over $10MM and I'm unsure that'll ever happen. @sketchydroide @kavimuru and @daraksha-dk do any of you know of currencies where 8 digits or more are used regularly? (unlocked issue to allow for comments)

[daraksha-dk]

@mallenexpensify, it can be reproduced for 6 digits too. Only the email needs to be long.

It's also a quick fix, we only need styles.ml3 below

App/src/components/OptionRow.js

Line 195 in 6c5b798

<View style={[styles.flexWrap]}>

[Pujan92]

My concern is that, for CA $, the amount has to be over $10MM and I'm unsure that'll ever happen. @sketchydroide @kavimuru and @daraksha-dk do any of you know of currencies where 8 digits or more are used regularly? (unlocked issue to allow for comments)

It will happen for single digit too, reason - there is not any margin set between the participant name and the amount(descriptive text). So if the email id is long then it will persist.

[sketchydroide]

yeah honestly I don't know why they are on top of each other, makes little sense, there is so much space on that screen
I don't see a point on making the email crop, we could have the value on the next line and fix the issue and make this look less crowded
@Expensify/design I know you are maybe away and busy after moving, but what do you think?

We can also post this on slack to have more people chime in

(Edit) I just rembember that maybe the email should decrease the font up to a minimum value to fit in the space it has, the crop is not really helpfull, I think that should happen with the value going to the next line as well

[melvin-bot]

Job added to Upwork: https://www.upwork.com/jobs/~017b4af6adbfc61e40

[melvin-bot]

Triggered auto assignment to Contributor Plus for review of internal employee PR - @thesahindia (Internal)