Align horizontally two elements

Hi
I have a problem aligning 2 elements horizontally w ionic

The select at left have to use just 2 cols, and the input have to use the rest (10 cols)
(I tried using col=“2” and col=“10” respectively, but didn’t work)

They look like this now:

Captura de pantalla 2020-06-30 a la(s) 14.15.42

How can I resolve this?

My code

<ion-list lines="full" class="ion-no-margin ion-no-padding">
        <ion-item>
          <div class="my-15" style="border-bottom: 1.2px solid #dddcdf; padding-bottom: 5px;">
            <ion-row>
            <ion-label>ID</ion-label>
              <ion-select value="notifications" interface="action-sheet">
                <ion-select-option value="enable">Opt1</ion-select-option>
                <ion-select-option value="mute">Opt2</ion-select-option>
              </ion-select>

              <ion-label position="stacked">ID</ion-label>
              <ion-input required type="text" oninput=""></ion-input>
            </ion-row>
            </div>
        </ion-item>
</ion-list>