[Hold for payment 2021-08-05] Fix padding, bolding, and text wrapping behavior of the "It's HH:MM for XXXX" blurb

[isagoico]

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. Navigate to a conversation that has some existing messages.

Expected Result:

We'd like to tweak three things in this issue:

1. Fix the padding between the It's HH:MM for XXXX blurb and the most recently sent DM.
   

2. Fix text wrapping behavior of It's HH:MM for XXXX when it's a long string.
   

3. Remove all bolding from the It's HH:MM for XXXX and XXXX is typing...
   

Actual Result:

1. There's unbalanced amount of padding between the It’s HH:MM for XXXX blurb and the latest message in chat
2. Long strings don't text wrap properly when the It's HH:MM for XXXX blurb is long.
3. We use too much bold text in (i)It's HH:MM for XXXX and (ii)XXXX is typing...

Workaround:

None needed, these are small UI improvements

Platform:

Where is this issue occurring?
All platforms

Version Number: 1.0.77-0

Logs: https://stackoverflow.com/c/expensify/questions/4856

Expensify/Expensify Issue URL:

Upwork job link: https://www.upwork.com/jobs/~01d5b5dac390b97161

View all open jobs on Upwork

---

From @twisterdotcom https://expensify.slack.com/archives/C01GTK53T8Q/p1626083700113600

A bit too much padding/empty space between “It’s TIME for USER” and the latest message:

[MelvinBot]

Triggered auto assignment to @tylerkaraszewski (Engineering), see https://stackoverflow.com/c/expensify/questions/4319 for more details.

[parasharrajat]

No Worries I am on it.

[tylerkaraszewski]

Looks pretty straightforward and like @parasharrajat is gonna fix it. @isagoico can I give this back to you?

[michaelhaxhiu]

@parasharrajat I just updated the OP of this issue to make sure the changes we want are clear. Does it look good to you?

[MelvinBot]

Triggered auto assignment to @cdraeger11 (AutoAssignerTriage), see https://stackoverflow.com/c/expensify/questions/4749 for more details.