Align uui-select with other inputs

[iOvergaard]

Description

Based on this comment we have moved a few fixes back to this library: umbraco/Umbraco-CMS#15037 (comment)

This aligns uui-select and uui-input with each other, so they work well together in a form having the same height and background-color properties.

We also now document the custom CSS properties in both elements and the story for a combined form has been fixed.

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• Chore (minor updates related to the tooling or maintenance of the repository, does not impact compiled assets)

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://delightful-beach-055ecb503-658.westeurope.azurestaticapps.net

[loivsen]

Seems to be a small placement difference between the two when they are next to each other. Text alignment seems fine, but it looks like the border of select is 2 pixels off.

[iOvergaard]

@loivsen good catch. I moved the height to the inner element where the other properties are so they at least on paper have the same 33px default height.

(If you inspect the elements, you can check it)

The browser still places the elements a bit out of line, however if you add display: flex or some other kind of placement CSS to a wrapper div, they should be perfectly aligned like this:

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://delightful-beach-055ecb503-658.westeurope.azurestaticapps.net

[loivsen]

@loivsen good catch. I moved the height to the inner element where the other properties are so they at least on paper have the same 33px default height.

(If you inspect the elements, you can check it)

The browser still places the elements a bit out of line, however if you add display: flex or some other kind of placement CSS to a wrapper div, they should be perfectly aligned like this:

Alternative would be to adjust the padding in the select element to have 2 pixels more in the top than in the bottom, but it's probably best if we avoid too much magic numbers.
I'll approve this