repo-header-info - Improve alignment

[134130]

Describe

• Closes: repo-header-info misaligned #6967

Test URLs

• https://github.com/refined-github/refined-github

Screenshot

Original 😱

vertical-align: text-top ✅

vertical-align: bottom 🤔

[fregante]

The alignment in your screenshot appears to be correct, but we should also match the font size exactly

[fregante]

Also I think this isn't actually affecting Safari for some reason. It looks exactly the same.

The Star alignment is also different from your screenshot. Note that the exact alignment may be different if you zoom the page. This is taken at 100% zoom:

Use this to see your alignment

$('.AppHeader-context-item:not([data-hovercard-url])').style.position = 'relative'
$('.AppHeader-context-item:not([data-hovercard-url])').insertAdjacentHTML('beforeend', '<span style="border: solid 1px red; position: absolute; left: 1ch; height: 1.9ex; width: 20ch"></span>')

[134130]

Please can you check it is aligned on safari?
For align, The font size increased, It looks more highlighted to stargazer count.

[fregante]

The two classes don't change anything in Safari, do they change the alignment in Chrome?

The font size alone actually fixes the alignment though:

[134130]

These were remnants of trying with wrapper.