Group creation - Not enough space between circle and edge

[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!

---

Expected Result:

I am expecting to see more space between edge and circle.

Actual Result:

Not enough space between circle and edge

Action Performed:

1. Go to https://staging.expensify.cash/
   and login
2. Click on the green plus button
3. Click on New Group

Platform:

Where is this issue occurring?

Web ✔️ (android mWeb and iOS mWeb)
iOS
Android
Desktop App ✔️
Mobile Web

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

Notes/Photos/Videos:
Video

Expensify/Expensify Issue URL:

[shawnborton]

@parasharrajat looks like our padding changes in this PR broke this: #2015

Perhaps the most ideal scenario is that each row has padding for both left and right, and all of the additional components (like the checkbox, draft icon, pin icon, etc) are all nested inside of the padded area. Let me know if that makes sense and if that is possible.

[parasharrajat]

@shawnborton checking it

[roryabraham]

@parasharrajat Any update on this one? Are you working towards a solution?

[roryabraham]

Looking at this comment makes me think you do have a solution pending, so I'm going to assign this issue to you.

[parasharrajat]

@roryabraham fix has been added to #2104.

[roryabraham]

@parasharrajat As part of our new deploy process, if issues are found in the staging environment which are not present in production, they will be marked as DeployBlockerCash, and that means we won't run a production deploy until they're resolved. Therefore, could you possibly add just the fix to this issue to its own PR so I can quickly review so we can hopefully run a production deploy today?