46

OK I know this is minor, but I noticed that the upvote number on question comments isn't positioned correctly. Note the 2 here is raised a few pixels:

Diamond mod picture

If you remove the diamond the comment aligns correctly. Does this mean mod comments are ever so slightly more important than those from us mere mortals?!

PS This doesn't appear to be the case for comments on answers.

PPS Forgot that the picture should have a hand drawn circle on it...

20
  • 54
    "Does this mean..." Yes.
    – BoltClock Mod
    Commented Oct 21, 2015 at 16:35
  • 5
    @BoltClock I should have expected that from you!
    – DavidG
    Commented Oct 21, 2015 at 16:36
  • 9
    I wasn't expecting that particular comment of mine to wind up here, let alone for this reason :^)
    – BoltClock Mod
    Commented Oct 21, 2015 at 16:37
  • 24
    @BoltClock No one expects DavidG's inquisition.
    – TylerH
    Commented Oct 21, 2015 at 16:38
  • 7
    So does the extra spacing only occur for single-line comments by diamond mods? As far as I can see, BoltClock's second comment doesn't exhibit this behavior. It looks more like the diamond makes the line of text larger than normal, and the number is aligned to the now heightened line of text.
    – ryanyuyu
    Commented Oct 21, 2015 at 16:56
  • 2
    @ryanyuyu: Yes, that is what appears to be happening.
    – BoltClock Mod
    Commented Oct 21, 2015 at 17:02
  • 2
    @ryanyuyu: (Wow I've said yes a lot of times in the past hour.)
    – BoltClock Mod
    Commented Oct 21, 2015 at 17:02
  • 41
    The solution to this bug is obvious. Remove @BoltClock's mod diamond...
    – Bob
    Commented Oct 21, 2015 at 17:12
  • 13
    @Bob: [status-completed]
    – BoltClock Mod
    Commented Oct 21, 2015 at 17:16
  • 8
    @BoltClock not good enough. I think this calls for account deletion...
    – Bob
    Commented Oct 21, 2015 at 17:27
  • 3
    Setting line-height to 1.1 or 1 on .mod-flair will fix this.
    – TylerH
    Commented Oct 21, 2015 at 17:43
  • 6
    The problem is not that the 2 is raised, but that the text is lowered, if you look carefully. It's because the Unicode diamond is ever so slightly larger in height than regular characters, so pushes any text it's in with out of line. You see the same issue in multi-line mod comments, where the line gap between the first two lines is greater than any other comment, and greater than subsequent lines.
    – ArtOfCode
    Commented Oct 21, 2015 at 18:02
  • 3
    We haven't fixed the Jon Skeet bug yet where complete characters get lost (see any answer by Jon) but we start tracking pixel bugs already? Wow! Commented Oct 21, 2015 at 18:43
  • 13
    I wish to thank the two first commenters for providing a live example of the issue, without us having to dig for a post where it happens.
    – Mr Lister
    Commented Oct 21, 2015 at 18:47
  • 2
    The diamond icon is rendered using a larger font size which increases the overall line height of the entire comment. If they stick with regular font size then the diamond icon appears smaller and you don't get to notice it. See i.sstatic.net/uWGgE.png Commented Oct 22, 2015 at 7:05

2 Answers 2

7

Thanks for bringing this up. I have fixed the issue using Ilmari Karonen's suggested CSS change. It will be live in the next built (meta: > rev 2015.10.23.3782, prod: > rev 2015.10.23.2901). Cheers!

1
  • 1
    I still think you should've just deleted BoltClock's account instead.
    – Bob
    Commented Oct 24, 2015 at 1:53
10

Here's a CSS fix (as suggested by TylerH in the comments):

.mod-flair { line-height: 1 }

As usual, I'll add this to the next release of SOUP, if SE doesn't get around to fixing the issue first.

1
  • 4
    Seems to work in both mobile and regular views. Checking into ramifications of this now.
    – Haney Staff
    Commented Oct 23, 2015 at 18:12

You must log in to answer this question.

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