Visual (UI) changes #562
Description
I'm trying to learn about UI and UX.
Applied some of the font/line-height recommendations in the development tool which would make it look like this:
I also suggest these visual changes for the menu:
(Content changes suggestions in #563)
Why aren't the title and the content aligned here?
I'm also reading up on the use of shadows and while it's not quite clear to me yet where/when to use it for this app specifically, the one common recommendation is to not use it for every button throughout as is currently the case.
Buttons are changing background color when hovering. I think that's enough, is there a specific reason for the additional blue border? Or like yes, change border colour but have already a border before hover (instead of shadow drop).
For the 'advanced options' I got this color/border change suggestion: Switching colors white/grey.
For the modals in general, using the default weight and font-family makes it look much nicer imo.
As these are only simple css edits, I could do these once I have the okay.