bootstrap vue radio button

Question

I would like to 1) make sure radio buttons are aligned to left 2) decrease the amount of vertical space between label and radio button texts and vertical space between each text

In the example below you can see radio button texts are centered, and also there is about half text height space between them which I would like to decrease

https://codesandbox.io/s/1l3yc9?file=/index.js

Answer 1

Adding to the previous answer to fully answer your question, the label of the radio button can be left aligned using bootstrap's flex class names:

<b-form-radio
        v-model="orderType"
        :aria-describedby="ariaDescribedby"
        name="radios-stacked"
        value="L"
        class="d-flex justify-content-start"
        >Limit</b-form-radio
      >

link to completely working CodeSandbox