Стайлинг кнопки ionic2 радио сбой

Question

У меня есть радио-кнопки, но текст появляется далеко от радио-кнопки, и я хотел бы, чтобы текст Eing ближе к радио-кнопки

Это мой код

ion-row radio-group (ionChange)="onChange($event)"> 
    <ion-col width-30> 
     <ion-item> 
      <ion-label>Yes</ion-label> 
      <ion-radio value='{{checklists.controls["yesradio"].value}}-yes'> </ion-radio> 
     </ion-item> 
    </ion-col> 


    <ion-col width-30> 

     <ion-item style="text-align:left"> 
      <ion-label>No</ion-label> 
       <ion-radio style="margin:0px;" value='{{checklists.controls["yesradio"].value}}-no'></ion-radio> 

     </ion-item> 

    </ion-col> 

</ion-row> 

выше генерирует

Как из рисунка текст да далеко влево от да радио

с нетерпением жду, чтобы иметь

Ive также попытался добавить

<ion-col width-30> 

     <ion-item style="text-align:left"> 
      <ion-label style="margin:0px;">No</ion-label> 
       <ion-radio style="margin:0px;" id="no_radio"></ion-radio> //added margin 0px fails 

     </ion-item> 

    </ion-col> 

Что мне нужно сделать, чтобы добавить больше, чтобы принести значок ближе к тексту (да и нет) не обязательно с icons

Answer 1

В файле .scss вашей странице вы можете сделать нижеследующий, чтобы достигнуть желаемых результатов.

.input-wrapper{ 
    flex: initial; 
}