[CSS] Flex item alignment for button groups.

[rredesigns]

I've search for this topic and only found issues with margins for wrapping buttons, so I will open this here.

I think it would be nice to be able to top-middle-bottom align items in button groups, since the group displays as flex I think it might be simple.

This is the issue, when the parent container is taller than the buttons:

And I fixed it easy with:

.ui.flexitems.end{ align-items: flex-end; }

I'm sorry if this has already been addressed before, I couldn't find it. Also I read carefully the docs and there are no mentions to this, the examples are put together in isolation, but once a button group is in a table cell or inside a form or whatever, it starts to break down, but aligning stuff should be trivial I hope.

Thank you all for this great tool, I'm loving it so far!