SOLVED IN 1.4: Use of line-height for button height breaks design

Bricks Version: 1.4RC

Hi,

When displaying a button with multi-line label, display is broken because button style uses line-height as button height value.

Line-height should not be used for this, but for actual label line-height.

Height should be set with padding, proportionnal to font-size to automatically adjust to all button sizes.

In the meantime, this CSS example fixes the issue:

.brxe-button {
  line-height: inherit !important;
  padding: 0.4em 1.5em !important;
}

Hi Yan,
thanks a lot for the report!

You’re right, the issue is now obvious since we removed the white-space: nowrap.
I’ve added it to the bug tracker.

Best regards,
timmse

1 Like