I was looking at an answer that had a 'run code snippet' section, and the buttons below it look misaligned - the 'copy snippet to answer' button is higher than the 'run code snippet' button by 1 pixel.
Here's a link to the question, although I'm sure any question/answer with a 'run code snippet' section will look like this. Also, attached is an image of the 2 buttons
after looking at the styles in chrome dev tools, looks like the property that's causing this weirdness is the line-height
property, which is set to 1, unchecking that seems to fix the alignment (not sure if that's the correct fix though)
Another weird thing I noticed when inspecting the styles with dev tools is the 'copy snippet to answer' is actually an input, which has a margin top/bottom
value of 5px
being inherited from an input
rule. Without this button, the parent div that holds these buttons would actually sit slightly closer to the code section above it, and closer to the line below it.
That doesn't seem like intended behavior, I would think that the parent div should be positioned consistently whether the 'copy snippet to answer' button is present or absent - but that's just my opinion.
Anyway, hope this is helpful.
Update
interestingly, looking at this question, the code snippet buttons in the question are aligned correctly, but in the answer, they're misaligned