search

svelteuidev / svelteui

SvelteUI Monorepo
https://svelteui.dev
MIT License
1.31k stars 62 forks source link

Every component put besides to ActionIcon goes to a new line #467

Open ldcastanheira opened 1 year ago

ldcastanheira commented 1 year ago

Link to the page where something isn't quite right

No response

Exact quote of what is wrong

It is pretty simple to reproduce.

In any page.svelte write

The second icon (or anything) goes to a new line.

Are you willing to create pull request with the fix?

Yes

khalibloo commented 1 year ago

This happens because ActionIcon has display: flex. The html default for buttons is inline-block. As far as I can tell, this is mainly so that it can center its content properly. In that case, perhaps using inline-flex would be closer to the default html behavior for buttons.