Update block label inputs to be bigger #98
The new size matches the size of the custom radio buttons used on Verify (29×29).
IE8 doesn’t resize radios or checkboxes, so there’s an override to pull it up to a reasonable place. IE9 doesn’t position properly on resize but we probably want to check the numbers as not many people still use Vista and IE10 and 11 are available on Windows 7.
What does everyone think? Worth pulling in? Too many browser discrepancies?
Screenshots of the below in various browsers:
Chrome (OS X)
Chrome (Windows 10)
Firefox (OS X)
Firefox (Windows 10)
Safari (OS X)
IE8 (Windows 7)
IE9 (Windows 7)
IE11 (Windows 10)
Edge (Windows 10)
IE (Windows Mobile)
We definitely need bigger targets, so this is a move in the right direction.
I've come across a CSS reset technique that makes certain input types more susceptible to user styles.
Tip 4 here: http://simurai.com/blog/2015/09/09/back-to-the-roots/ says:
This is a technique used by reset libraries such as normalize.css:
Do we apply any of these kind of resets?
Edit: We do some of this here: https://github.com/alphagov/govuk_elements/blob/master/public/sass/elements/_reset.scss#L24-L33