Change the position of the sort button in a grid in Tapestry 5

Question

How do I change the position of the sort button in header of the grid in Tapestry 5?

I have column names of different lengths and I break lines on spaces, so the button, which is appended to the end of the column names, always ends up in different height. And that is very ugly:(

Answer 1

The default position is defined in default.css:

img.t-sort-icon {
    margin-left: 4px;
}

You can easily change it by providing a more specific CSS rule, eg

th img.t-sort-icon {
   //your style here
}