I can’t seem to figure this one out and Google has been zero help. I have an ion-list with ion-items and within those items are form inputs. I’m using floating labels for the form inputs. The ion-input controls vertically center in the list items properly, but I can’t seem to get the ion-select items to center…they want to align towards the bottom.
I’ve tried align-self: center on the ion-select, and align-items: center on the ion-list plus about 20 other CSS attempts, but I can’t seem to get it to move. I attached a screenshot so you can see the alignment. Container Type, Toast Type, and Unit are ion-select
Anyone have any other ideas on how to get these items centered? If I remove the floating label, they will center vertically, but I would like a consistent look across the app with the labels. Thanks for any assistance.