20

At https://meta.stackexchange.com/help/badges:

pic

At https://meta.stackexchange.com/help/badges/20/nice-question:

pic

The little green check mark is slightly too high in the second image.

Please just lower it a bit.


Another instance of bug found on https://meta.stackexchange.com/tour:

pic


Produced on:

  • Windows 8.1 Chrome V 47.0.2526.111 with default settings
  • Mac OS X El Capitan Chrome V 47.0.2526.111 with default settings
  • Mac OS X El Capitan Safari V 9.0.2 (11601.3.9) with default settings
  • Win 7, Firefox 62.0

The issue is still here after a long time, I would like to hear if this is going to be fixed or not.

7
  • 4
    Reproed on Google Chrome, Ubuntu 14.04
    – Tim
    Apr 4, 2015 at 20:34
  • 2
    I don't understand how this question is considered "answered" when the only "answer" is more like a lengthy comment...
    – Werner
    Apr 28, 2015 at 15:11
  • @Werner "I don't understand how this question is considered 'answered' when the only 'answer' is more like a lengthy comment" I never expected the green tick, and was arguably not 100% justified. So don't disagree with you there. It's removed now anyway. However, I don't see the reason for negativity towards my answer. I spent a fair bit of time testing this on other sites to check how widespread the issue was, viewed source code/CSS and checked image alignments to get further info, etc. I believe I gave useful feedback (as did 6 other users).
    – James
    Apr 30, 2015 at 18:32
  • @James: Don't take things too personally here. My comment wasn't intended to cause you sleepless nights through negativity. I just consider an accepted answer as being the one that helped most... and in the case of a bug, I would assume this is either a status-completed (or the like) answer, or a work-around. Your's is not this.
    – Werner
    Apr 30, 2015 at 18:37
  • Issue is still there. Jul 8, 2015 at 13:39
  • @PatrickHofman Oh! Jul 11, 2015 at 4:23
  • @PatrickHofman I was about to post this, 5 years and 10 months later... :-|
    – bad_coder
    Feb 7, 2021 at 20:57

1 Answer 1

8

This bug isn't just on the "Nice Question" badge, it is on all badges.

And this bug is not just on MSE, it's also on SO, MSO, and Programmers, so I'm taking a guess it's like this on all sites.

The green tick next to the badges on the main badges page is vertically centered to the badge, whereas on every single badge page it's above vertical centre of the badge.

The main badge page uses a div class of "badge-cell-large", whereas the single badge page uses a div class of "single-badge-badge".
Both classes have different CSS styling.

It's possible one of the page's design was changed/updated and not the other.

Or it's - i.e. they wanted it slightly higher on single badge page, because web designers.

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .