b:switch alignment issue

[jbhardwaj12]

css class checkbox is applied on Switch component from core.css, this adds 10 px of top and bottom margin which causes misalignment in form.

[stephanrauh]

Might be caused by deriving the switch from the checkbox.

[MitchTalmadge]

Yep I had to use some of my own css to fix this:

.checkbox label.bf-no-message {
    padding-left: 0 !important;
}

.checkbox {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

If I remember correctly, the switch doesn't have its own wrapper class that I could use for these modifications, so I had to use the checkbox class itself which is less than ideal, but works.

[TheCoder4eu]

Fixed the issue (now the component has a 0 margin)