How to right align a TWebCheckbox

WEB TMS WEB Core
1

I have a TWebCheckBox being styled with bootstrap, but being over-written with the following CSS :

<style>
  .form-check {
    display: flex;
    align-items: center;
  }
  .form-check .form-check-input[type=checkbox] {
    border-radius: .25em;
    height: 8px;
    width: 8px;
  }
  .form-check-label {
    margin-left: 3px;
    color: #4C82B4;
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
  }
</style>

giving me
image

I have found how to right align the check box, so the label is on the left, using html, but I can't figure out how to do it with Web Core and CSS.

Anyone know how to do this? Thanks.

2

We will introduce the Alignment property in the next release to make it consistent with VCL

3

Sounds great! Thanks Bruno.