New Expensify icon is not centered in the about page

[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. Log in to e.cash
2. Navigate to Settings>About page

Expected Result:

New Expensify icon should be centered

Actual Result:

New Expensify icon is left justified.

Workaround:

No need for workaround, visual issue.

Platform:

Where is this issue occurring?

Web ✔️
iOS✔️
Android✔️
Desktop App✔️
Mobile Web✔️

Version Number: 1.0.79-0

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

Notes/Photos/Videos: Any additional supporting documentation

Expensify/Expensify Issue URL:

View all open jobs on Upwork

---

From @Beamanator https://expensify.slack.com/archives/C01GTK53T8Q/p1626342434313600

The e.cash icon position & size changed recently on the About page (was centered, now left justified) - does it look ok to everyone? I think it looks a bit out of place now - maybe the version number should not be centered anymore or the icon should still be centered

view this job on upwork

[MelvinBot]

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

[isagoico]

@mallenexpensify My bad, I mistakenly created the issue with the incorrect label, fixing it.

[MelvinBot]

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

[MelvinBot]

Triggered auto assignment to @jboniface (External), see https://stackoverflow.com/c/expensify/questions/8582 for more details.

[AndrewGable]

Looks like a great external issue 🤙

[MelvinBot]

Triggered auto assignment to @Julesssss (Exported), see https://stackoverflow.com/c/expensify/questions/7972 for more details.

[helaoutar]

This would be fixed by adding a align-items: center to settingsPageBody within src/styles/styles.js.

[aliabbasmalik8]

PROPOSAL

position can fix by adding alignItems: 'center', at this position.

App/src/pages/settings/AboutPage.js

Line 91 in 2d673cc

<View style={[styles.settingsPageBody, styles.mb6]}>

and also a minor update <Logo /> from <Logo height={100} />

App/src/pages/settings/AboutPage.js

Line 92 in 2d673cc

<Logo height={100} />

and for size, if we want to increase logo size then we need big size logo svg because the current logo svg has size 52px width and height or we can update height/width in new-expensify.svg.

Thanks

after applied styling on the web

[Julesssss]

Hi @helaoutar. As you submitted the first proposal would you like to take the issue?

[jboniface]

@helaoutar I went ahead and hired you for this.

[roryabraham]

The PR to fix this caused a minor regression, reverting it here.

[helaoutar]

The regression was fixed about a week ago in this PR: #4243

[roryabraham]

Yep, that's correct! @jboniface let's make sure @helaoutar is paid for the Upwork job.

[jboniface]

ok paid and closing