[v5] form-check-input inside input-group-text is not vertically centered
Created by: bggardner
- Operating system and version: Ubuntu 20.10 and Windows 10
- Browser and version: Chrome 87 and Firefox 84
- Compare:
In v5.0, checkboxes and radios inside .input-group-text
elements appear too low (not vertically centered) due to margin-top: .25em
set by .form-check-input
. v4.6 has:
.input-group-text input[type=checkbox, .input-group-text input[type=radio] { margin-top: 0; }
The fix would be to add either the same as v4.6 or .input-group-text .form-check-input { margin-top: 0; }