[Bug Report] Leaderboard Header unaligned due to inline-block
8 years ago
Rhineland-Palatinate, Germany

The Header of a Leaderboard saying "Leaderboard" is sometimes really misaligned due to the inline-block property used. Here's an example of how misaligned it can be: http://puu.sh/idZjA.jpg This is from the Splatoon Leaderboard.

The issue is caused by the .floatedheader h1, .floatedheader h2 { display: inline-block; } beginning in line 1309 of this CSS file.

display: block; fixes it

Bavaria, Germany

Actually the problem with display: block; is that it pushes the floated content on the right down. Nevertheless, you're right in that it needs to be fixed. It should be ok now, using: display: inline-block; position: absolute; left: 50%; transform: translateX(-50%);