Sizing an (icon) button in vaadin 8?

Vaadin 6 / 7 / 8 Framework UI
1

Hi,

I’ve got a button with an icon in it, in vaadin 8. I’m trying to make it smaller, without success.

The height is successfully reduced, but the width is the same size, and the icon is being displayed on the right hand side of the button. The seems very weird.

I’d be grateful of a steer!

Many thanks,
Joe

class SmallButton extends Button {
	SmallButton(VaadinIcons icon, String description) {
		this.icon = icon
		this.description = description

		setStyleName(ValoTheme.BUTTON_ICON_ONLY)
		setStyleName(ValoTheme.BUTTON_BORDERLESS)
		setWidth(1, Unit.EM)
		setHeight(1, Unit.EM)
	}
 }