Staging label isfloating right instead of 8px right to the ´Chat´ header

[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 NewDot
2. Log in to any account.

Expected Result:

Staging label is floating left 8px right to the ´Chat´ header

Actual Result:

Staging label is floating right instead of 8px right to the ´Chat´ header

Workaround:

None needed, visual issue.

Platform:

Where is this issue occurring?

• Web
• iOS
• Android
• Desktop App
• Mobile Web

Version Number: 1.1.14-0

Reproducible in staging?: Yes
Reproducible in production?: Yes

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

Notes/Photos/Videos: Any additional supporting documentation

Expensify/Expensify Issue URL:

Issue reported by: @shawnborton
Slack conversation: https://expensify.slack.com/archives/C01GTK53T8Q/p1636732354165700

View all open jobs on GitHub

[MelvinBot]

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

[parasharrajat]

A recent 2 months old 😃 change to the sidebar styling broke this 83c9007.

Proposal

We can simply fix this by removing the flex1 styling from the nested column.

App/src/components/Header.js

Line 25 in 6701446

<View style={[styles.flex1, styles.flexColumn]}>

It can simply be View without styling as the default axis for View is column in RN.

[bondydaa]

looks the discussion is happening https://expensify.slack.com/archives/C01GTK53T8Q/p1636732354165700 there might be more issues with some styles as well.

Not sure if we need 1 big GH track them all or if we just want to create GHs as they pop up.

[bondydaa]

Going to assign to Marco, our SOP is to typically have the engineer fix whatever they broke but this could probably also go to a contributor as well.

[marcochavezf]

I created this PR to fix the label position. I added that View before for the VBA step counter, I tested the solution and look good in both places (badge and step counter):