[Bug] Impossible to inline text with icon on same row with jekyll_octicons.

[skatkov]

Describe the bug

When using octoicons_jekyll it's impossible to inline icon with a text on a same row.

Steps to reproduce

Steps to reproduce the behavior:

1. Install jekyll-octicons
2. Add a following markup:

<button>
   {%- octicon alert height:32 class:"right left" aria-label:hi -%} Button
</button>

Result

Icon and button are on different line, I would expect it to be inline

Expected behavior

I would expect icon and text to be inlined. And I can't find any way to make it inline. Is there a setting I'm missing?

Screenshots

Device details

Desktop (please complete the following information):
OSX, Firefox.

[0xventure-s]

Any update of this?

[tallys]

Hi, thanks for opening this issue, unfortunately we are not going to prioritize this at this time, but will add this to the backlog for consideration in the future.

[skatkov]

In case anyone lands here, here is a workaround that I'm using in my projects.

With tailwindcss:

<button class="inline-flex">
   {%- octicon alert height:32 class:"right left" aria-label:hi -%} Button
</button>

or with plain html/css:

<button style="display:inline-flex">
   {%- octicon alert height:32 class:"right left" aria-label:hi -%} Button
</button>