Overlapping "5 Likes" and heart icon buttons

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.