tengo una lista de botones, las cuales van con icono y texto, el ideal es que el icono esté sobre el texto, pero este no se comporta de acuerdo a la estructura flexbox con la propiedad flex-flow
html
<ion-col align-self-center size="4">
<ion-button size="large" expand="block">
<div class="icon-dinner large-ico"></div>
Dine in
</ion-button>
</ion-col>
css
ion-button {
display: flex;
flex-flow: row wrap;
}
este es mi resultado actual