<Badge> inside <Button> is inconsistent between themes.
bradenmacdonald opened this issue · comments
When a <Button size="sm"> contains a <Badge> element:
- Bug: with the
edx.orgtheme, the button grows in height and is no longer consistent with othersize="sm"buttons:
Compare to without a badge, where the buttons had the same height:
- Bug?: with the Open edX theme, the badge preserves the button's height correctly but seems like it could use a bit more padding above and below the badge text ("+2" here).
- Neither the
<Badge>nor<Button>docs page have any examples of a badge inside a button, but I think this should be shown as a supported example. It is in Bootstrap docs and Flowbite docs for example.
Context, FWIW: building a button with a dropdown to select filter options, like this:
