Alignment of labels and checkboxes is off on quick edit

[mattheu]

Its a pretty small issue - but the alignment of labels on the quick edit screen is a bit wonky.

I have a patch to fix this. Heres what it looks like after the patch.

I've tested this on Chrome/Firefox and IE11 (and 8 up using emulator)

This has been an issue for a while - since the admin redesign.

[DrewAPicture]

Replying to mattheu:

I've tested this on Chrome/Firefox and IE11 (and 8 up using emulator)

This has been an issue for a while - since the admin redesign.

Thanks. Worth also taking a look at Safari/Opera and mobile browsers.

[mattheu]

Updating the patch with a small fix for opera.

Tested again including safari/opera and the iOS simulator. All looks good. Unfortunately I don't have access to other devices.

Mobile isn't great here anyway but, and this change doesn't make it any better or worse.

[DrewAPicture]

31408.2.diff​ still applies and definitely improves the alignment for me. Tested in latest Firefox, Chrome, and Safari. IE 8, 9, 10, and 11. Moving for commit consideration.

[valendesigns]

It was discussed in Slack that this patch needs a refresh with unitless line heights. Which I will work on later tonight unless anyone wants to work on it before then, just give me a heads up so we don't duplicate our efforts.

[valendesigns]

Patch 31408.3.diff​ adds unitless line heights and mobile styles for .inline-edit-or.

[ocean90]

In 31890:

Improve alignment of labels and inputs in Quick Edit.

props mattheu, valendesigns.
fixes #31408.