[Proposal] Styling improvements

The aim of this issue is to gather things we’re not quite happy about, style-wise, and then execute a styling round fixing them. We can close this after the next styling session and open a new one with a newer pool of fixes for the next styling iteration.

Below are my issues. All of these are conjecture, subjective, and my opinion. Disagreements and conversations highly welcomed.

1. line-height is a bit too small.

Current State

---

Proposed fix: line-height: 1.4

I think this line height gives text a little bit more room to breathe.

2. Fonts seem to be a little too antialiased.

Current State

---

Proposed fix:-webkit-font-smoothing: subpixel-antialiased

Typography seems fuller with this setting.

[micha-f]

Use rgb(20, 153, 206); as highlight color

[micha-f]

I’d say chips look nicer like this

padding: 4px 26px 4px 8px;
border-radius: 2px;

and for the x

width: 21px;