title: Styling ionic2 radio buttons fail
body: <p>I have some radio buttons but the text appear far away from the radio button and i would like to have the text eing closer to the radio button</p>
  
  <p>This is my code</p>
  
  <pre><code>ion-row radio-group (ionChange)="onChange($event)"&gt;
       &lt;ion-col width-30&gt;
         &lt;ion-item&gt;
             &lt;ion-label&gt;Yes&lt;/ion-label&gt;
             &lt;ion-radio value='{{checklists.controls["yesradio"].value}}-yes'&gt;  &lt;/ion-radio&gt;
         &lt;/ion-item&gt;
       &lt;/ion-col&gt;
  
  
       &lt;ion-col width-30&gt;
  
           &lt;ion-item  style="text-align:left"&gt;
               &lt;ion-label&gt;No&lt;/ion-label&gt;
                &lt;ion-radio style="margin:0px;"  value='{{checklists.controls["yesradio"].value}}-no'&gt;&lt;/ion-radio&gt;
  
         &lt;/ion-item&gt;
  
       &lt;/ion-col&gt;
  
   &lt;/ion-row&gt;
  </code></pre>
  
  <p>The above generates
  <a href="https://i.stack.imgur.com/kgHq3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kgHq3.png" alt="enter image description here"></a></p>
  
  <p>As from the above picture the yes text is far to the left from the yes radio</p>
  
  <p>Am looking forward to have </p>
  
  <p><a href="https://i.stack.imgur.com/nYYka.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nYYka.png" alt="enter image description here"></a></p>
  
  <p>Ive also tried adding</p>
  
  <pre><code>  &lt;ion-col width-30&gt;
  
           &lt;ion-item  style="text-align:left"&gt;
               &lt;ion-label style="margin:0px;"&gt;No&lt;/ion-label&gt;
                &lt;ion-radio style="margin:0px;" id="no_radio"&gt;&lt;/ion-radio&gt;  //added margin 0px fails
  
         &lt;/ion-item&gt;
  
       &lt;/ion-col&gt;
  </code></pre>
  
  <p>What do i need to add more to bring the icon closer to the text(yes and no) not necessarily with the icons</p>