When I clicked on the heart to like it, this weird overlap went away.
Okay, seems to be a simple fix. It is due to the margin-right: -5px
, removing that seems to resolve the issue.
PR Submitted
https://github.com/discourse/discourse/pull/3842
4 Likes
Pretty sure that is there intentionally otherwise likes is too far from the heart with “default” button spacing. Might be another way to express it in CSS.
Here are screenshots of the differences
With negative right margin
Without negative right margin
It is pretty negligible, and the description of Likes next to the number signifies its relation.
Yeah the negative margin is intentional. But it could possibly be expressed as a margin override instead, etc.