Fix CSS properly about overreacted.io HOT 5 CLOSED

Put the switch on the next line next to a label?

from overreacted.io.

I don't want to change anything visually — just to get rid of the hack

from overreacted.io.

The problem I see here is the fuckery going on with margins and heights on the header element combined with its container. It's bloated with whats seems to be everything.

I also think that fixing this is going to inevitably imply changes in the spacing, meaning the vertical separation might change a few pixels. (Unless we get pixel perfect and start using weird seemingly random values, which I'm not a fan of.)

I'll try to come up with a PR tomorrow to see if what I think is correct or to prove that I'm a complete idiot for thinking I can fix this.

from overreacted.io.

I just care that

• switcher is aligned with the bottom of the header
• switcher retains position while navigating between home page and blog post

I don't mind weird values as long as I don't have to tune two weird values against each other (like I have to now).

from overreacted.io.

There, that commit should do the trick.
Please let me know if there's anything you'd like to change.

from overreacted.io.