I have an icon inside of a button tag. I also have a select drop down and I want to place its arrow icon directly inline with the heart icon. I thought I could do this with regular css positioning, but unless I remove the select icon from inside the button tag altogether, the icon won't move the way I need it to with standard css positioning.
<button class="toolbarButtons" ion-button >
<ion-select id="select">
<ion-option value="NY">New York</ion-option>
<ion-option value="BO">Boston</ion-option>
</ion-select>
<ion-icon name="heart">Change City</ion-icon>
</button>