WIP Quick changes to Flat UI (#1461)

[andresbase]

Quick fixes for #1461

• Same greens for toggles in lists.
• Size of hints when going into options so they don't run into rows
• Undo arrows are misaligned with the toggles (popup and options page)
• Top toolbox vertical alignment.

The vertical alignment of toolbox (where shadow was removed) is indeed aligned but looks weird so I changed the padding on the top from 1 to 3px. It looks like this:

[ghostwords]

Got two more items to add to the list:

• Undo arrows are misaligned with the toggles (popup and options page)
• The screenshots in the first-time walkthrough (open popup and click on the "?" in the upper right) show the old toggles

[ghostwords]

What if we restore the switches to the old height (14 instead of 18 px), instead of tweaking row height/tooltip padding? Would need to shorten the handles image. Should take care of tooltip and undo arrow issues.

[andresbase]

Added the alignment for the arrows as it's just one change.
The old message is gone too.

[ghostwords]

The header tooltips are still misaligned (not centered vertically):

[ghostwords]

Could you rebase your branch from master, so that you have the latest patch to ignore Firefox ESR?

A bunch of other tests are failing, for example, test_cookie_tracker_detection here. The test may need to be updated, not sure.

[ghostwords]

I like the old height (14px) of the slider toggles more.

[andresbase]

The toolbox is now aligned, there is an issue with it's alignment on the options page that has been there for a while. Not sure if I'll have time but will try before the release.

I tried different sizes these days for the toggles in different screens/resolutions. I think the new size fits better for most screens. 14 looks wrong even if I fix all the other heights, it just ends up looking crammed.

[ghostwords]

The current production design:

The new toggles in master right now:

The same toggles reduced to current design's height:

All three next to each other:

[ghostwords]

I prefer the new toggles reduced to current design's height.

@koops76 @ghinda Any feedback regarding #1486 (comment)?

[ghinda]

I think removing the rounded borders on the handle would look slightly better.

eg.

Other than that, looks good.

[ghostwords]

I reverted the updated toggles PR merge from master in 4164b3d as we still have some fixes to make before releasing the UI updates.