Flux:buttons are at different vertical offsets and sizes, depending on content

[rikh42]

This means that they appear out of line, with some higher up than other.

For example, with the following markup...

<div class="my-12">
    <flux:button icon-trailing="chevron-down">Layout</flux:button>
    <flux:button icon-trailing="chevron-down"></flux:button>
    <flux:button><flux:icon.chevron-down /></flux:button>
    <flux:button square><flux:icon.chevron-down /></flux:button>
</div>

Results in the following buttons that are all over the place...

I have tried this in Chrome and Firefox, with the same result.

I would expect all the buttons to have the same vertical height and same baseline

Thank you!

[jeffchown]

@rikh42 See @calebporzio 's response (underneath my comment) here #499 (comment)