Opened 8 days ago
Closed 4 days ago
#64975 closed defect (bug) (fixed)
Admin reskin: Vertical alignment of list pagination is off
| Reported by: |
|
Owned by: |
|
|---|---|---|---|
| Milestone: | 7.0 | Priority: | normal |
| Severity: | normal | Version: | trunk |
| Component: | Administration | Keywords: | admin-reskin has-patch commit dev-reviewed |
| Focuses: | Cc: |
Description
The vertical alignment of elements in the pagination of WP_List_Tables is off.
Attachments (1)
Change History (10)
This ticket was mentioned in PR #11392 on WordPress/wordpress-develop by @rcorrales.
7 days ago
#2
- Keywords has-patch added; needs-patch removed
This ticket was mentioned in PR #11393 on WordPress/wordpress-develop by @opurockey.
7 days ago
#3
Ticket: https://core.trac.wordpress.org/ticket/64975
## Summary
This PR addresses the issue where the pagination elements in WP_List_Tables are vertically misaligned. The update ensures consistent alignment across pagination controls for better visual consistency.
## Problem
The pagination UI in WP_List_Tables has inconsistent vertical alignment between page numbers, input field, and navigation buttons. This results in a slightly uneven and unpolished appearance in the admin interface.
## Solution
- Adjusted CSS styles to properly align pagination elements.
- Ensured consistent spacing and alignment pagination controls.
This ticket was mentioned in PR #11397 on WordPress/wordpress-develop by rahultank-spaceo.
6 days ago
#4
Trac ticket: https://core.trac.wordpress.org/ticket/64975
Fixes the vertical alignment issue in WP_List_Table pagination rows.
Changed.tablenav-pagesmargin from0 0 9pxto0and added
display: flex+align-items: centerfor proper alignment.
#5
@
6 days ago
- Owner set to SergeyBiryukov
- Resolution set to fixed
- Status changed from new to closed
In 62182:
#6
@
6 days ago
- Keywords commit dev-feedback added
- Resolution fixed deleted
- Status changed from closed to reopened
Reopening for 7.0 consideration.
The page number input in
WP_List_Tablepagination was vertically misaligned with the navigation buttons due to different baseline positions.The fix adds
vertical-align: topto.current-page, which aligns the input flush with the buttons without side effects on the bottom pagination row (which has no input field).Before:

After:

For additional context, other approaches explored and discarded:
display: flex+align-items: centeron the pagination containers fixed alignment but changed horizontal spacing and affected the bottom pagination row.vertical-align: middleon buttons and text elements fixed the top row but shifted the bottom pagination which was already aligned.Trac ticket: https://core.trac.wordpress.org/ticket/64975
## Use of AI Tools
AI assistance: Yes
Tool(s): Claude Code
Model(s): Claude Opus 4.6
Used for: Measuring computed styles in the browser and code reviewing. Final fix validated and reviewed by me.