Semantic-ui: Group Buttons and Stacking Issue

[mixerp]

Wouldn't it be nice to have something like ui stackable buttons? Currently, buttons do not display correctly on mobile devices. For example, please view this simple fiddle and resize your browser and the fiddle page frame.

http://jsfiddle.net/5dwxg5f3/1/

[a8568730]

+1 too.
I referenced the .ui.stackable.menu, and I get stackable buttons as below:

@media only screen and (max-width: 767px) {
  .ui.stackable.buttons{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .ui.stackable.buttons > .button{
    width: 100%;
  }
}

I didn't test this very much, but hope it gives you some ideas.

[bvn13]

@a8568730 Thank you, it works fine!

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed in 30 days if no further activity occurs. Thank you for your contributions.