Inputs (type=number) look too flattened

[Caspie]

Add line-height and height to number inputs to look similar to other inputs in the WP admin.

Patch is not too aggressive - covers inputs of the mentioned type, which also have small|large|regular-text class.

[Caspie]

screen

[Caspie]

patch

[SergeyBiryukov]

Related: #28500

[helen]

Browser?

[Caspie]

Replying to helen:

Browser?

Hey!

So far I saw it on latest Firefox, Chrome and IE. Even though each browser renders number field differently, it looks flattened in general. Haven't checked Safari.
Win 8.1

[celloexpressions]

Though it's not as bad as in the screenshot, I can confirm that number inputs have a different total height (23px) than selects (28px) in Chrome, and there looks to be a similar issue in Firefox. Text inputs are 27px.

[eliorivero]

Just checked and issue is valid and not only for number fields but any text input field. Tested Chrome, Firefox and Opera, screenshot above.

Added broader patch that solves this and also removes the "px" in a couple of "0px" occurrences.

[valendesigns]

I went with a little less specificity and fixed the height in mobile, as well.

[helen]

#28223 was marked as a duplicate.

[michaelarestad]

Looks like the changes are good. I moved them around a bit to keep with the current grouping patterns in forms.css, but left the values in tact.

Not really this issue, but mobile is pretty dang rough for form elements. I think we should attempt a redesign of the mobile form patterns because views like this are problematic: ​https://cloudup.com/cMYP-mZMvZY

[michaelarestad]

In 35831:

Administration: Adds a height to number inputs.

Number inputs didn't match the height of other form elements. Now they have a height of 28px and 40px on mobile. Both align with the sizes of other elements.

Props valendesigns.
Fixes #28984.