<flux:cell> button vertical alignment

[dicktornfeldt]

Flux version

v1.1.2

Livewire version

v3.5.12

What is the problem?

I had this in my own project, but also found it in the docs: https://fluxui.dev/components/table

There is some issue with the vertical alignment of a button inside a table cell. There is less space above button than below button, see attached image:

Code snippets

<flux:cell>
<flux:button variant="ghost" size="sm" icon="ellipsis-horizontal" inset="top bottom"></flux:button>
</flux:cell>

How do you expect it to work?

There should be same spacing above and below button.

Please confirm (incomplete submissions will not be addressed)

• I have provided easy and step-by-step instructions to reproduce the bug.
• I have provided code samples as text and NOT images.
• I understand my bug report will be closed if I haven't met the criteria above.

[jeffchown]

@dicktornfeldt I always add flex items-center to my table cells that contain buttons, badges, etc. as they can be different vertical sizes than the height of the cell.

Have you tried?:

<flux:cell class="flex items-center">
    <flux:button variant="ghost" size="sm" icon="ellipsis-horizontal" inset="top bottom"></flux:button>
</flux:cell>