Style chooser papercuts
- The lines are quite thick, after trying a few different values I'd suggest 3px.
- Ascenders and descenders are very prominent and it looks weird that they sometimes bleed into each other between lines. Could we drop those and have just one height for characters instead?
- The vertical padding in the tiles is too large, I'd reduce it to look more like the one on the left side
- When an item is not active it should have the same 1px border as a regular list row. Only the active element should have a 2px blue border.
- The tiles are quite tall, making the whole section longer than necessary. If we change line width and vertical padding like above it's it should be possible to make them quite a bit more compact though.
- Is there a reason why the checkmark is so small? It's a bit hard to make out, I think it could easily be a few pixels larger.
Here's an experiment for what the tiles could look like with these suggestions. Lines are 3px, line spacing is 4px, inner tile padding is 9px, height is 58px.