Package version badge image has invisible padding

[mccarthy-m-g]

Problem

The badge for package versions has invisible padding, rather than being cropped to the edges of the badge. On desktop this is hard to notice, but on small screens it can lead to a row of badges being indented, which looks sloppy. I've included screenshots below. Here's a link to the repo if you find the screenshots unclear: https://github.com/mccarthy-m-g/palettes/

Screenshots

The badge for package versions has invisible padding rather than being cropped to the edges of the badge:

Compare this to other badges, which are cropped to the edges of the badge:

On desktop this is hard to notice, but on small screens it can lead to a row of badges being indented, which looks sloppy:

[jeroen]

I don't see what you mean. Perhaps it is an artifact of how github converts the svg badge? If I zoom in all the way I don't see any difference in margins with the other badges.

Perhaps you can look in chrome devtools what css is causing the extra margin in your case? Do you have any browser plugins that modify github page somehow? Do you see this in other browsers as well?

[mccarthy-m-g]

I’m using Firefox on desktop and Safari on mobile. No plugins modifying GitHub with either browser. The padding is in the badge image itself, it isn't CSS padding, and it only affects the r-universe badge (all the other badges are cropped to edge properly). It might be an artifact of the SVG conversion, but it's weird that it's only affecting one badge.

Here’s a mobile screenshot, where it’s very clear: