Update the height of Edit profile button

[mountiny]

Details

This PR is adding a small option to Button component (styles already exist) and updates the Edit profile button in Profile part of Settings to be 28px tall instead of 40px.

Fixed Issues

$ #2434

Tests

1. Run the app
2. Click on the profile icon
3. Click on profile
4. Make sure the Edit profile button is 28px tall

QA Steps

Same as testing except of visiting staging or production version of the app.

Tested On

• Web
• Mobile Web
• Desktop
• iOS
• Android

Screenshots

Web

Mobile Web

Desktop

iOS

Android

[mountiny]

@shawnborton Hi! Would you be able to double check the design here. From the issue, I was not sure if we should update the height of the button on all platforms or only website/desktop. Thank you for feedback!

[shawnborton]

Out of curiosity, what font size do small buttons use?

[shawnborton]

I agree this should be a global change and not platform specific (as are most of the things we do with E.cash!)

[mountiny]

Ok, so on the screenshots, the text is size 15px, because the styles were no applied on correct component. So for comparison, this is font-size: 15px as it was before with the height of button set to 40px:

and this is the actual buttonSmallText font-size: 11px as it was already defined in the codebase:

Let me know which one I should use :)

[shawnborton]

Perfect! Yes - the smaller button size should use the smaller font size as well.

[mountiny]

Thank you Shawn! Updated it and also the screenshots in the description.

@HorusGoul It is good for a review 🙏

[OSBotify]

✋ This PR was not deployed to staging yet because QA is ongoing. It will be automatically deployed to staging after the next production release.

[roryabraham]

Unfortunately the deploy comments are not working right now. This was deployed to staging yesterday.