[HOLD for payment 2024-08-07] [Workspace Feeds] Design adjustments part 1

[mountiny]

Coming from some initial testing here the design team suggested some adjustments. @shawnborton @allgandalf @DylanDylann @VickyStash @narefyev91

I believe @koko57 is fixing this one in #45690

The empty state doesn't have the correct amount of padding on desktop... it should use 32px on desktop and 20px on mobile. Compare with the workspace empty state for example:

---

When going through the issue card flow, the selected limit type in Step 3 does not have the correct background color applied to it. Compare it to other list options for example:

---

The text below the headline of step 6 is too small (it's 13px, but it should be 15px) and is too far away from the headline (should be just 12px margin between headline and text from what I see elsewhere). Compare this to other stepped flows for example:

---

Update the spacing at the empty state #45690 (comment)

Let's add 32px of space below the two buttons and above the empty state rows.

Issue Owner

Current Issue Owner: @strepanier03

[melvin-bot]

Triggered auto assignment to @strepanier03 (Bug), see https://stackoverflow.com/c/expensify/questions/14418 for more details. Please add this bug to a GH project, as outlined in the SO.

[mountiny]

we will handle this internally

[koko57]

@mountiny please assign me - I will either create a separate PR for that or will do it together with the flow integration with the BE. The first problem with the padding is solved in #45690

[trjExpensify]

Assigned!

[koko57]

I fixed the issues and I could open the PR now, but there is an improvement with option focus change implemented by @VickyStash here: #45601 so it's better to wait on this one to be merged so these changes would also be incorporated here

[mountiny]

going to be handled soon