What is meta? ×
Meta Stack Exchange is where users like you discuss bugs, features, and support issues that affect the software powering all 134 Stack Exchange communities.

I've found this and this question about this issue, but one is a duplicate of the other and the other one is . The problem however still exists for me. As I am asuming that no-one will look at those questions again, I decided to make a new question.

The bug is that the bold text in the reasons is misaligned if the vote counter is displayed behind the reason. This is visible on the second line on the left.

Baseline of the text is incorrect

The problem seems to be a mixed up vertical-align for some elements. The vertical-align of the entire text is set in .close-as-off-topic-pane .action-name to vertical-align: top. The bold text is set with pretty much every other element to vertical-align: baseline. I guess it prefers to match b over inheriting style from the parent element. This bug with the css is not visible until an element is appended with a height that is greater than the text on that line, such as the vote counter.

The problem can be fixed by making a css rule that sets the vertical-align of the child elements of .action-name to top. The style of .close-as-off-topic-pane .action-name * will have priority over the style for b.

.close-as-off-topic-pane .action-name * {
  vertical-align: top;
}

This problem exists at least in Google Chrome 30.0.1599.101 m and Opera (Next) 18.0.1284.11.

share|improve this question
    
This legitimately does need more free hand circles, I didn't notice at first –  Richard Tingle Oct 24 '13 at 21:24
    
@RichardTingle Free hand circles huh? You'll get a free unicorn with it: img191.imageshack.us/img191/953/aiwe.png –  Sumurai8 Oct 24 '13 at 21:52
    
An alternative (and, IMO, better) solution would be to use vertical-align: baseline consistently. –  Ilmari Karonen Jun 1 at 20:06

You must log in to answer this question.

Browse other questions tagged .