Style icons on top of text in an option button

[brandyscarney]

[brandyscarney]

Following styles achieve this:

  ion-item-options button {
    font-size: 14px;
    flex-direction: column;
  }

  ion-item-options ion-icon {
    padding-right: 0;
    padding-bottom: 0.3em;
  }

if it is desired

[manucorporat]

@brandyscarney flex does not work in safari in button elements, in fact I am preparing a PR to get rid of it.

[brandyscarney]

@manucorporat ok, don't worry we won't touch the buttons while you're working on them. 😜

[manucorporat]

@brandyscarney #5363
^ it also adds an [horizontal] attribute to display the icons as usual.

I am not good naming things in css yet, maybe "horizontal" is not a good name, but I hope you understand the idea.

[brandyscarney]

Thanks for the PR! Closing this issue. :)