Pagination and save button layout in the admin changelist footer has changed.

[Antoliny]

The previous layout of the pagination and the changelist table save button was as follows.

However, the current layout has been changed as follows.

This change happened during the recent changelist pagination accessibility improvements​3f59711, where the save button was separated from pagination.html, but justify-content: center CSS was not added in the process.

[Antoliny]

​PR

[Sarah Boyce]

Tested against main on firefox with different window sizes with an admin with list_editable set, I see no issues.
Can you share an admin to replicate this and any other details that might be relevant?

[Antoliny]

I realize my explanation was a bit lacking.

This issue occurs on the changelist page when list_filter is applied.
When list_filter is active, the .filtered class is added to the parent element, and this causes .paginator to have width: auto, which results in the problem.
​changelist.css

.change-list .filtered .results, .change-list .filtered .paginator,
.filtered #toolbar, .filtered div.xfull {
    width: auto;
}

We can either remove .change-list .filtered .paginator or add justify-content: center,
but simply removing the existing .change-list .filtered .paginator should be enough :)

Try testing with the ​PodcastAdmin!

class PodcastAdmin(admin.ModelAdmin):
    list_display = ("name", "release_date")
    list_editable = ("release_date",)
    date_hierarchy = "release_date"
    ++ list_filter = ("name", "release_date",)
    ordering = ("name",)

[Sarah Boyce]

Replicated thank you

[Sarah Boyce <42296566+sarahboyce@…>]

In d90bea1b:

Fixed #36516, Refs #36366 -- Fixed changelist footer layout with list_editable and list_filter.

Regression in 3f59711581bd22ebd0f13fb040b15b69c0eee21f.