vegaprotocol / vegawallet-desktop

Desktop application for Vega Protocol's wallet
MIT License
15 stars 12 forks source link

Improve font sizes and spacing #682

Closed barnabee closed 1 year ago

barnabee commented 1 year ago

Issue

Compared with other apps, web pages, etc. (including Metamask) the desktop wallet seems to have very large text and take up an excessive amount of screen space (macOS). Even the title bar text is larger than native apps (also the cursor is a caret for text selection when hovering the title text, unlike other apps which show a pointer).

Screenshot 2023-05-07 at 12 54 00

Could this be easily tightened up a bit to bring it more in line with other apps and make our wallet feel less "different"?

Tasks

Resources

Without dedicating any specific UX and visual design time to this ticket, the following two Figma files contain previous WIP desktop wallet designs (not finished or implemented), and the latest browser wallet designs that can be used as a guide to what might be a better balance and hierarchy of font sizes and spacing for different UI elements:

If it wasn't too much effort, we might want to adjust the default dimensions of the app window itself as well, making it smaller / narrower to reduce the amount of screen space it takes up.