Using [tag:]
markup in posts on (meta.)math.SE creates an ugly and unnecessary gap between the current and the following line of text. For example, see the following screenshot from this answer:
Or this live example:
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. here-is-a-tag-link Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
The gap is even more prominent in lists:
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. here-is-a-tag-link Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
On many other SE sites, such tag links are rendered with explicit boxes around them, and in such cases, increasing the line height may be unavoidable. However, on math.SE, the tags are just written in a sans-serif font and surrounded by parentheses, so the extra line height is completely unnecessary.
Adding the following CSS rule to the math.SE style sheet fixes this bug:
.post-text .post-tag, .wmd-preview .post-tag {
display: inline;
margin: 0;
}
(Of course, instead of just slapping on a CSS patch like above, it would be better to fix the existing CSS rule which it overrides.)