[Django] #36516: Pagination and save button layout in the admin changelist footer has changed.

[Django]

#36516: Pagination and save button layout in the admin changelist footer has
changed.
-------------------------------------+-------------------------------------
Reporter: Antoliny | Type:
| Cleanup/optimization
Status: new | Component:
| contrib.admin
Version: 5.2 | Severity: Normal
Keywords: changelist, | Triage Stage:
pagination, list_editable | Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------
The previous layout of the pagination and the changelist table save button
was as follows.

[[Image(Screenshot 2025-07-22 at 7.09.54 AM)]]

However, the current layout has been changed as follows.

[[Image(Screenshot 2025-07-22 at 7.12.40 AM)]]

This change happened during the recent changelist pagination accessibility
improvements[https://github.com/django/django/commit/3f59711581bd22ebd0f13fb040b15b69c0eee21f
3f59711], where the save button was separated from pagination.html, but
`justify-content: center` CSS was not added in the process.
--
Ticket URL: <https://code.djangoproject.com/ticket/36516>
Django <https://code.djangoproject.com/>
The Web framework for perfectionists with deadlines.

[Django]

#36516: Pagination and save button layout in the admin changelist footer has
changed.
-------------------------------------+-------------------------------------

Reporter: Antoliny | Owner: (none)
Type: | Status: new
Cleanup/optimization |
Component: contrib.admin | Version: 5.2
Severity: Normal | Resolution:

Keywords: changelist, | Triage Stage:
pagination, list_editable | Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------

Changes (by Antoliny):

* Attachment "Screenshot 2025-07-22 at 7.09.54 AM.png" added.

[Django]

#36516: Pagination and save button layout in the admin changelist footer has
changed.
-------------------------------------+-------------------------------------
Reporter: Antoliny | Owner: (none)
Type: | Status: new
Cleanup/optimization |
Component: contrib.admin | Version: 5.2
Severity: Normal | Resolution:
Keywords: changelist, | Triage Stage:
pagination, list_editable | Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------
Changes (by Antoliny):

* Attachment "Screenshot 2025-07-22 at 7.12.40 AM.png" added.

[Django]

#36516: Pagination and save button layout in the admin changelist footer has
changed.
-------------------------------------+-------------------------------------
Reporter: Antoliny | Owner: (none)
Type: | Status: new
Cleanup/optimization |
Component: contrib.admin | Version: 5.2
Severity: Normal | Resolution:
Keywords: changelist, | Triage Stage:
pagination, list_editable | Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------
Changes (by Antoliny):

* Attachment "Screenshot 2025-07-22 at 7.09.54 AM.png" added.

[Django]

#36516: Pagination and save button layout in the admin changelist footer has
changed.
-------------------------------------+-------------------------------------
Reporter: Antoliny | Owner: (none)
Type: | Status: new
Cleanup/optimization |
Component: contrib.admin | Version: 5.2
Severity: Normal | Resolution:
Keywords: changelist, | Triage Stage:
pagination, list_editable | Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------
Changes (by Antoliny):

* Attachment "Screenshot 2025-07-22 at 7.09.54 AM.png" removed.

[Django]

#36516: Pagination and save button layout in the admin changelist footer has
changed.
-------------------------------------+-------------------------------------
Reporter: Antoliny | Owner: (none)
Type: | Status: new
Cleanup/optimization |
Component: contrib.admin | Version: 5.2
Severity: Normal | Resolution:
Keywords: changelist, | Triage Stage:
pagination, list_editable | Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------
Changes (by Antoliny):

* Attachment "Screenshot 2025-07-22 at 7.12.40 AM.png" removed.

[Django]

#36516: Pagination and save button layout in the admin changelist footer has
changed.
-------------------------------------+-------------------------------------
Reporter: Antoliny | Owner: (none)
Type: | Status: new
Cleanup/optimization |
Component: contrib.admin | Version: 5.2
Severity: Normal | Resolution:
Keywords: changelist, | Triage Stage:
pagination, list_editable | Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------
Changes (by Antoliny):

* Attachment "Screenshot 2025-07-22 at 7.12.40 AM.png" added.

[Django]

#36516: Pagination and save button layout in the admin changelist footer has
changed.
-------------------------------------+-------------------------------------
Reporter: Antoliny | Owner: (none)
Type: | Status: new
Cleanup/optimization |
Component: contrib.admin | Version: 5.2
Severity: Normal | Resolution:
Keywords: changelist, | Triage Stage:
pagination, list_editable | Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------
Changes (by Antoliny):

* Attachment "Screenshot 2025-07-22 at 7.09.54 AM.png" removed.

[Django]

#36516: Pagination and save button layout in the admin changelist footer has
changed.
-------------------------------------+-------------------------------------
Reporter: Antoliny | Owner: (none)
Type: | Status: new
Cleanup/optimization |
Component: contrib.admin | Version: 5.2
Severity: Normal | Resolution:
Keywords: changelist, | Triage Stage:
pagination, list_editable | Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------
Changes (by Antoliny):

* Attachment "Screenshot 2025-07-22 at 7.12.40 AM.png" removed.

[Django]

#36516: Pagination and save button layout in the admin changelist footer has
changed.
-------------------------------------+-------------------------------------
Reporter: Antoliny | Owner: (none)
Type: | Status: new
Cleanup/optimization |
Component: contrib.admin | Version: 5.2
Severity: Normal | Resolution:
Keywords: changelist, | Triage Stage:
pagination, list_editable | Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------
Changes (by Antoliny):

* Attachment "after_pagination.png" added.

[Django]

#36516: Pagination and save button layout in the admin changelist footer has
changed.
-------------------------------------+-------------------------------------
Reporter: Antoliny | Owner: (none)
Type: | Status: new
Cleanup/optimization |
Component: contrib.admin | Version: 5.2
Severity: Normal | Resolution:
Keywords: changelist, | Triage Stage:
pagination, list_editable | Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------
Changes (by Antoliny):

* Attachment "before_pagination.png" added.

[Django]

#36516: Pagination and save button layout in the admin changelist footer has
changed.
-------------------------------------+-------------------------------------
Reporter: Antoliny | Owner: (none)
Type: | Status: new
Cleanup/optimization |
Component: contrib.admin | Version: 5.2
Severity: Normal | Resolution:
Keywords: changelist, | Triage Stage:
pagination, list_editable | Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------

Description changed by Antoliny:

Old description:

> The previous layout of the pagination and the changelist table save
> button was as follows.
>
> [[Image(Screenshot 2025-07-22 at 7.09.54 AM)]]
>
> However, the current layout has been changed as follows.
>
> [[Image(Screenshot 2025-07-22 at 7.12.40 AM)]]
>
> This change happened during the recent changelist pagination
> accessibility
> improvements[https://github.com/django/django/commit/3f59711581bd22ebd0f13fb040b15b69c0eee21f
> 3f59711], where the save button was separated from pagination.html, but
> `justify-content: center` CSS was not added in the process.

New description:

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

[[Image(before_pagination.png)]]

However, the current layout has been changed as follows.

[[Image(after_pagination.png)]]

This change happened during the recent changelist pagination accessibility
improvements[https://github.com/django/django/commit/3f59711581bd22ebd0f13fb040b15b69c0eee21f
3f59711], where the save button was separated from pagination.html, but
`justify-content: center` CSS was not added in the process.

--

--
Ticket URL: <https://code.djangoproject.com/ticket/36516#comment:1>

[Django]

#36516: Pagination and save button layout in the admin changelist footer has
changed.
-------------------------------------+-------------------------------------
Reporter: Antoliny | Owner: (none)
Type: | Status: new
Cleanup/optimization |
Component: contrib.admin | Version: 5.2
Severity: Normal | Resolution:
Keywords: changelist, | Triage Stage:
pagination, list_editable | Unreviewed

Has patch: 1 | Needs documentation: 0
Needs tests: 1 | Patch needs improvement: 0

Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------

Changes (by Antoliny):

* has_patch: 0 => 1
* needs_tests: 0 => 1

Comment:

[https://github.com/django/django/pull/19658 PR]
--
Ticket URL: <https://code.djangoproject.com/ticket/36516#comment:2>

[Django]

#36516: Pagination and save button layout in the admin changelist footer has
changed.
-------------------------------------+-------------------------------------

Reporter: Antoliny | Owner: Antoliny
Type: | Status: assigned

Cleanup/optimization |
Component: contrib.admin | Version: 5.2
Severity: Normal | Resolution:
Keywords: changelist, | Triage Stage:
pagination, list_editable | Unreviewed
Has patch: 1 | Needs documentation: 0
Needs tests: 1 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------
Changes (by Antoliny):

* owner: (none) => Antoliny
* status: new => assigned

--
Ticket URL: <https://code.djangoproject.com/ticket/36516#comment:3>

[Django]

#36516: Pagination and save button layout in the admin changelist footer has
changed.
-------------------------------------+-------------------------------------
Reporter: Antoliny | Owner: Antoliny

Type: | Status: closed

Cleanup/optimization |
Component: contrib.admin | Version: 5.2
Severity: Normal | Resolution:

| worksforme

Keywords: changelist, | Triage Stage:
pagination, list_editable | Unreviewed
Has patch: 1 | Needs documentation: 0
Needs tests: 1 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------

Changes (by Sarah Boyce):

* resolution: => worksforme
* status: assigned => closed

Comment:

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?
--
Ticket URL: <https://code.djangoproject.com/ticket/36516#comment:4>

[Django]

#36516: Pagination and save button layout in the admin changelist footer has
changed.
-------------------------------------+-------------------------------------
Reporter: Antoliny | Owner: Antoliny

Type: | Status: new

Cleanup/optimization |
Component: contrib.admin | Version: 5.2
Severity: Normal | Resolution:

Keywords: changelist, | Triage Stage:
pagination, list_editable | Unreviewed
Has patch: 1 | Needs documentation: 0
Needs tests: 1 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------

Changes (by Antoliny):

* resolution: worksforme =>
* status: closed => new

Comment:

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.
**[https://github.com/django/django/blob/main/django/contrib/admin/static/admin/css/changelists.css#L28
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
[https://github.com/django/django/blob/main/tests/admin_views/admin.py#L430
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",)
}}}
--
Ticket URL: <https://code.djangoproject.com/ticket/36516#comment:5>

[Django]

#36516: Pagination and save button layout in the admin changelist footer has
changed.
-------------------------------------+-------------------------------------
Reporter: Antoliny | Owner: Antoliny
Type: | Status: new
Cleanup/optimization |

Component: contrib.admin | Version: dev
Severity: Release blocker | Resolution:
Keywords: changelist, | Triage Stage: Accepted
pagination, list_editable |

Has patch: 1 | Needs documentation: 0
Needs tests: 1 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------

Changes (by Sarah Boyce):

* severity: Normal => Release blocker
* stage: Unreviewed => Accepted
* version: 5.2 => dev

Comment:

Replicated thank you
--
Ticket URL: <https://code.djangoproject.com/ticket/36516#comment:6>

[Django]

#36516: Pagination and save button layout in the admin changelist footer has
changed.
-------------------------------------+-------------------------------------
Reporter: Antoliny | Owner: Antoliny
Type: | Status: new
Cleanup/optimization |
Component: contrib.admin | Version: dev
Severity: Release blocker | Resolution:
Keywords: changelist, | Triage Stage: Accepted
pagination, list_editable |

Has patch: 1 | Needs documentation: 1
Needs tests: 0 | Patch needs improvement: 0

Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------

Changes (by Antoliny):

* needs_docs: 0 => 1
* needs_tests: 1 => 0

--
Ticket URL: <https://code.djangoproject.com/ticket/36516#comment:7>

[Django]

#36516: Pagination and save button layout in the admin changelist footer has
changed.
-------------------------------------+-------------------------------------
Reporter: Antoliny | Owner: Antoliny
Type: | Status: new
Cleanup/optimization |
Component: contrib.admin | Version: dev
Severity: Release blocker | Resolution:
Keywords: changelist, | Triage Stage: Accepted
pagination, list_editable |

Has patch: 1 | Needs documentation: 0

Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------
Changes (by Antoliny):

* needs_docs: 1 => 0

--
Ticket URL: <https://code.djangoproject.com/ticket/36516#comment:8>

[Django]

#36516: Pagination and save button layout in the admin changelist footer has
changed.
-------------------------------------+-------------------------------------
Reporter: Antoliny | Owner: Antoliny
Type: | Status: new
Cleanup/optimization |
Component: contrib.admin | Version: dev
Severity: Release blocker | Resolution:

Keywords: changelist, | Triage Stage: Ready for
pagination, list_editable | checkin

Has patch: 1 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------

Changes (by Sarah Boyce):

* stage: Accepted => Ready for checkin

--
Ticket URL: <https://code.djangoproject.com/ticket/36516#comment:9>

[Django]

#36516: Pagination and save button layout in the admin changelist footer has
changed.
-------------------------------------+-------------------------------------
Reporter: Antoliny | Owner: Antoliny

Type: | Status: closed

Cleanup/optimization |
Component: contrib.admin | Version: dev

Severity: Release blocker | Resolution: fixed

Keywords: changelist, | Triage Stage: Ready for
pagination, list_editable | checkin
Has patch: 1 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------

Changes (by Sarah Boyce <42296566+sarahboyce@…>):

* resolution: => fixed
* status: new => closed

Comment:

In [changeset:"d90bea1b067e01de91644b61383732386e1434f7" d90bea1b]:
{{{#!CommitTicketReference repository=""
revision="d90bea1b067e01de91644b61383732386e1434f7"
Fixed #36516, Refs #36366 -- Fixed changelist footer layout with
list_editable and list_filter.

Regression in 3f59711581bd22ebd0f13fb040b15b69c0eee21f.
}}}
--
Ticket URL: <https://code.djangoproject.com/ticket/36516#comment:10>