web-components
web-components copied to clipboard
vaadin-radio-button is not center aligned
vaadin-radio-button is currently baseline aligned
In many scenarios this is visible so that the circle is few pixels higher, center alignment could be visually more balanced (opionated)
Workaround
_frontend/styles/radio-button-style.css_
.vaadin-radio-button-container {
align-items: center !important;
}
Import in Java
@CssImport(value = "./styles/radio-button-style.css", themeFor="vaadin-radio-button")