Horizontal radio and checkbox fields' labels misaligned

[siphomateke]

Overview of the problem

Buefy version: [0.6.6]
Vuejs version: [2.5.16]
OS/Browser: Solus(Linux) / Chrome

Description

Horizontal fields' labels do not line up with checkboxes and radio controls. This is because all .field-labels have the .is-normal class which should only be used for .inputs or .buttons according to Bulma's documentation. I can't see any way to remove the .is-normal class using Buefy.

Horizontal field with radios and checkboxes

Horizontal field with an input

Steps to reproduce

Create a horizontal field with a label and put a radio or checkbox in it;

<b-field horizontal label="Label">
    <b-radio>Value</b-radio>
</b-field>

Expected behavior

The field label lines up with the control.

Actual behavior

The field label does not line up with the control.

[siphomateke]

I accidentally submitted this issue before I filled it in. One moment 😄

[siphomateke]

I've actually filled in the issue now. Sorry about that.