fix emoji bias

[SSARCandy]

fix the bias of comment emoji reaction

before

after

[SSARCandy]

test inline emoji 👍

[silverwind]

Good call removing all these hacks. You can remove position: relative too which serves only to enable the positioning you removed, so the whole rules (and one comment) can be removed as well.

[SSARCandy]

@silverwind I updated, plz check

[silverwind]

Looking good, thanks!

For the record: These hacks were once necessary for perfect centering, but it appears that GitHub has now fixed the positioning issue themselves, so they are no longer needed (and where in fact interfering).

[Mottie]

Oh, I thought we repositioned the emojis because we reduced the padding around the reaction bar since it was so tall... anyway, they still seem a bit off for me in Chrome.

Update: oops nevermind... the script wasn't using the latest update 😛

[silverwind]

Could maybe move them 1px down, but I guess more research is needed:

This is on Windows, where I get a <img>:

<button class="btn-link reaction-summary-item tooltipped tooltipped-se tooltipped-multiline " name="reaction[content]" value="smile react" aria-label="SSARCandy reacted with laugh emoji">
  <g-emoji alias="smile" class="emoji mr-1" fallback-src="https://assets-cdn.github.com/images/icons/emoji/unicode/1f604.png"><img alt=":smile:" title=":smile:" class="emoji" src="https://assets-cdn.github.com/images/icons/emoji/unicode/1f604.png" height="20" width="20"></g-emoji>
  1
</button>