[ionic 4] List item control to take full width instead of label

Ionic Framework
1

Hi there,

If i use following markup

<ion-item>
    <ion-label>Gender</ion-label>
    <ion-select placeholder="Select One">
      <ion-select-option value="f">Female</ion-select-option>
      <ion-select-option value="m">Male</ion-select-option>
    </ion-select>
  </ion-item>

Label takes full width but “select” control takes only 20-30% width. What i want to achive is that label takes width based on its characters and rest of space in width is used by “select” element.

Sorry for asking such noobish question, but im really bad at layout etc.

Thanks in advance