Column sort links can be jumpy if title is too long for set width

[johnjamesjacoby]

This is kind of a goofy UI bug to reproduce.

On any sortable post row column, the table-head sort-links can sometimes get separated from their arrows depending on the width of the text and the set width of the containing column.

This is a problem inherent in the mark-up of the links used, which include two spans inside an anchor. There's no way to apply a white-space: nowrap; on two separate child elements. The goofiness occurs because the arrow span is hidden until :hover is invoked. Hovering over the link causes the height of the table header row to increase by about 20px.

This doesn't happen all over, but is most easily reproduced in Posts > Tags on the right most column titled "Posts." The applicable CSS to set the width is:

.fixed .column-posts {
width: 10%;
}

Bumping the width beyond 10% makes the table look a little silly because the contents of the table cells are usually just a few digits, and don't demand 15% or 20% width.

I'll attach a screen shot to better show this bug off.

[ocean90]

#15993