Right edge of Next button disappears

[mhagnumdw]

[sylhare]

Hi Thanks so much for reporting the bugs. I am surprised for this one, it did not show on my browser.
Which one are you using?

[mhagnumdw]

Hi!

SO: Fedora 28
Browser: Chrome 73.0.3683.103 (Official Build) (64-bit)

Animation down showing the screen resolution (Chrome):

Note: Firefox 61.0.2 (64-bit) no problem.

[sylhare]

Ah I see why I missed it, I use Firefox for dev.

[kaleid-liner]

This bug happens on chrome when width >= 769. It seems the right fa-icon will overlap the right edge of the button. I use span to enclose the content of button as a workaround. I mean:

<span>
     {{ site.theme_settings.str_next_page }}
     <i class="fa fa-chevron-right"></i>
</span>

[sylhare]

Thanks! That will help me troubleshoot and find a fix.

[sylhare]

It should be all good now. The issue was because of the css of the .button:

display: inline-block;

Basically inline-block takes the whole component while the inline was considering only the text it seemed in some browser. If you still have the issue let me know.