Round the punch button to match workday waiver tabs

[Atomic-Germ]

Related issue

Closes #

Context / Background

• The punch button is currently squared, and other similar elements are not.

What change is being introduced by this PR?

• Top corners of the punch button get 0.5rem corner radius

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

[tupaschoal]

I like it. If we are talking about consistency, I think there are other buttons that should get the rounded corners (and ideally they should all be the same ratio):

• Reset button on the preferences window (the day selector already has rounded buttons)
• Waive/Load holidays button on the waiver manager.

[Atomic-Germ]

Here's what I've got now:

[tupaschoal]

I like it. Thoughts @araujoarthur0 ?

[araujoarthur0]

Looks good to me!

Should we also round the rectangular time boxes in preferences?

[tupaschoal]

I guess, right?

[Atomic-Germ]

Let's consider if there's anything else that would be well served by softened corners, and whether 0.5rem is right, or too much.

[araujoarthur0]

Let's consider if there's anything else that would be well served by softened corners, and whether 0.5rem is right, or too much.

Thanks! I took a general look and only that box sparked my interest. I think the roundness is ok, but the text looks misaligned inside it. Since the text is aligned across the page, we'll have to move the outside box to the right a bit

[Atomic-Germ]

[tupaschoal]

Looks good to me. @araujoarthur0 ?

[tupaschoal]

@Atomic-Germ this seems to have a merge conflict with the other PR I just merged from you. Please rebase and solve them.

[araujoarthur0]

Looks good to me!

[tupaschoal]

\changelog-update
Message: Enhancement [#1155]: Round squared buttons and fields to match app look