In gallery sorting, the Order header doesnt align with the Order textbox

[dd32]

As reported by rasheed as part of #17790, the Order textbox on the Gallery Sorting screen isn't aligned to the header, instead, it's shown under Actions.

This page is a bit strange, in the sense that the header of the table is a table, whereas the rows are divs.

for how it looks in RTL, see ​this file, pretty much the same in ltr, just fliped around.. (Note, It's not RTL specific)

[AndrewFrazier]

If you change the width of the '#media-upload th.actions-head' and '#media-upload th.order-head' in media.css and media.dev.css down to 10% each the headers then appear above the columns that they relate to.

This patch makes that change.

[designsimply]

Here's another take on it, which is to keep the table header widths as is and make the div column widths match. It uses 19841.diff from #19841 by mitchoyoshitaka with one small additional margin change.

[SergeyBiryukov]

Closed #20654 as a duplicate.

[tomauger]

At the end of the day, probably the right thing to do is to change the sortables to TRs and make sure everything sits within the table structure set out by the header. That's the only way we can be sure the columns will align in all l10n situations where the header text or the action text may expand.

I'll work up a patch in the next few days. Looks like you can do ui-sortables on TR elements as long as you include a TBODY.

[azaozz]

Replying to tomauger:

As far as I remember this wasn't working well in earlier versions of UI. When you're attempting it, please test on a native IE7 and IE8.

[sabreuse]

Superseded by media/gallery changes in 3.5