В приложении ionic, как выровнять поле со списком с текстовыми полями в строке

как вы можете видеть на этом изображении

мой html-код таков:

       <ion-row>
        <ion-col>
          <ion-item>
            <searchable-ion-select isModal = "true" name = "country" valueField = "code" [(ngModel)] = "country" title = "Country"
              (onChange) = "countrySelected()" textField = "name" [items] = "countries">
            </searchable-ion-select>
          </ion-item>
        </ion-col>
        <ion-col>
          <ion-item>
            <ion-label class = "item-name" stacked>Phone number*</ion-label>
            <ion-input [(ngModel)] = "phone" (ngModelChange) = "onFieldChanged()" type = "text" required name = "phoneNumber"></ion-input>
          </ion-item>
          <ion-row *ngIf = "!isPhoneFormat && false">
            Invalid format!
          </ion-row>
        </ion-col>
        <ion-row *ngIf = "!isNameFormat && false">
          Invalid format for first name or last name
        </ion-row>
      </ion-row>

это не подряд, а имя Фамилия подряд

      <ion-row>
        <ion-col>
          <ion-item>
            <ion-label class = "item-name" stacked>First name*</ion-label>
            <ion-input [(ngModel)] = "firstName" (ngModelChange) = "onFieldChanged()" type = "text" required name = "firstName"></ion-input>
          </ion-item>
        </ion-col>
        <ion-col>
          <ion-item>
            <ion-label class = "item-name" stacked>Last name*</ion-label>
            <ion-input [(ngModel)] = "lastName" (ngModelChange) = "onFieldChanged()" type = "text" required name = "lastName"></ion-input>
          </ion-item>
        </ion-col>
        <ion-row *ngIf = "!isNameFormat && false">
          Invalid format for first name or last name
        </ion-row>
      </ion-row>

как я могу выровнять поиск-ион-выбор с ионная метка и его ионный ввод?