Select element with "item-select" is not well aligned


#1
<label class="item item-input item-select">
        <span class="input-label">tags</span>
        <i class="icon ion-ios7-flag placeholder-icon"></i>
        <select ng-model="msg.tag" ng-options="name as name for (name, data) in tags"></select>
</label>

<label class="item item-input">
    <span class="input-label">type</span>
    <i class="icon ion-iphone placeholder-icon"></i>
    <input type="tel">
</label>

The example code contains two items in a list.
With the class attribute “item-select” in the first item, the select element is right aligned, far away from the input-label.
Without the attribute, the item is well aligned with the second item. However, the select element is not so pretty.


Left align select in form