Backend Grids - Sorting on any column changes the padding of some elements on the page

[addison74]

OpenMage 1.9.4.x latest (cloned) without any changes (no products, customers, ...). Steps to reproduce this issue:

1. Visit Backend > Customers > Manage Customers.
2. Please note the ID column in grid is selected by default. Click on it to change the sort direction and watch carefully what happens on the rows with (Page, Export) and (Actions) texts. The layout changes, so the padding in the Page and Selections areas is smaller, the [Export] button sticks to the drop-down selection, the text "Actions" sticks to the drop-down selection too.

You may see below what happens on the page before and after sorting on any column:

BEFORE (loading the page)

AFTER (clicking to sort the column)

OVERLAPING BEFORE/AFTER IMAGES FROM ABOVE

WHERE ARE THE VISUAL ISSUES LOCATED

Not all grids have this issue, for example the one in "Newsletter Templates" page, but in "Newsletter Queue" the space is narrowed in the Page area. I also identified this issue in pages that do not have Export or Actions elements.

I am sorry but I didn't have time to investigate the case, I discovered it by chance yesterday and I didn't want it to go unreported. I did a quick test for Actions text and I added a 4px padding that solved the issue in that area. Most likely these elements need a CSS padding. Unfortunately when you realize this visual issue it could become annoying.

[addison74]

This issue has been in Magento for a very long time. I didn't have the patience to go with the testing below version 1.9.0.0.