Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

`clean-pinned-issues` contains vertically misaligned elements in Chrome

See original GitHub issue

Please ensure:

The bug is caused by Refined GitHub. It doesn’t happen if I disable the extension.

Description

Text and icons in clean-pinned-issues appears misaligned and uses the table display mode for no discernable reason.

This issue occurs over 700px and makes the feature quite annoying to use.

Screenshot

github com_microsoft_vscode_issues_q=is%3Aissue+is%3Aopen+sort%3Aupdated-desc

Console errors

No response

Example URL

https://github.com/sindresorhus/refined-github/issues?q=is%3Aissue+is%3Aopen+sort%3Aupdated-desc

Browser(s) used

Chrome 91.0.4472.124

Issue Analytics

State:
Created 2 years ago
Comments:7 (4 by maintainers)

Top GitHub Comments

1reaction

ghostcommented, Jul 22, 2021

One liner fix

0reactions

ghostcommented, Jul 22, 2021

Alignment padding definitely does work differently between Firefox and Chrome, caused me a lot of grief in my UI bootcamp days

Top Results From Across the Web

clean-pinned-issues contains vertically misaligned elements ...

Text and icons in clean-pinned-issues appears misaligned and uses the table display mode for no discernable reason. This issue occurs over 700px and...

Problem with alignment of elements in Chrome and Firefox

On my website I have 3 buttons. The middle bottom is fine in chrome but in Firefox 4, it is lower than the...

How to split vertically the Elements Panel? - Google Groups

Chrome Developer Tools with Element Panel with the default vertical separation. We are running out of space. Now the same space in Firebug...

Wrong vertical align of text in Google Chrome browser

This very annoying problem is caused by chrome not taking text-transform: uppercase into account. Use the following to get correct centering in Chrome...

Change your view options - Google Web Designer Help

When you have Rulers selected in the View menu, the horizontal and vertical rulers are visible. Rulers help you precisely position elements in...