Vuetify v-radio, какое значение маржи для CSS является лучшим?

Question

Для радиогруппы

                      <v-flex xs-12 sm-3 md-3 lg-3>
                        <v-radio-group
                          row
                          v-model="honorificPrefix"
                          v-validate="'required'"
                          required
                          >
                          <v-radio class="radio" :label="$t('lang.views.contact.mrs')" :value="$t('lang.views.contact.mrs')"></v-radio>
                          <v-radio class="radio" :label="$t('lang.views.contact.mr')" :value="$t('lang.views.contact.mr')"></v-radio>
                        </v-radio-group>
                      </v-flex>

на выходе отображается слишком большое расстояние между значком и меткой

как настроить CSS для управления пространством между значком и надписью?

Answer 1

Если вы собираетесь сузить расстояние между значком и меткой, вы должны поставить на свои радиокнопки :ripple="false" (отключает эффект ряби, чтобы он не перекрывался с меткой), а затем вы можете добавитьmargin-left: -10px; до .radio.input-group label.