[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:
  • v5.0: https://getbootstrap.com/docs/5.0/forms/input-group/#checkboxes-and-radios
  • v4.6: https://getbootstrap.com/docs/4.6/components/input-group/#checkboxes-and-radios

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; }