Description:
On mobile screens, the pagination control for the list of contributors on /campaigns/{id} overflows its container, causing layout distortion and partial cutoff of the buttons.
This makes it difficult for users to navigate between contributor pages on smaller devices. The issue appears to be related to pagination width or lack of responsive wrapping within the table or list container.
Difficulty: Beginner
Domain: Coding
Steps to replicate the issue (include links if applicable):
- Open any campaign page, e.g. /campaigns/123
- Scroll down to the Top contributors list section
- View the pagination area (bottom of the list)
- Reduce browser width or open in a mobile device
- Observe that the pagination buttons overflow outside their container
What happens?:
Pagination buttons overflow horizontally and break layout alignment on small screens.
What should have happened instead?:
Pagination buttons should:
- Stay within container boundaries,
- Wrap to a new line if space is limited, or
- Collapse into a more compact mobile-friendly layout (e.g., smaller buttons or horizontal scroll).
Software version (on Special:Version page; skip for WMF-hosted wikis like Wikipedia):
Other information (browser name/version, screenshots, etc.):
- Page: /campaigns/{id}
- Component: Contributor list (pagination section)
- Device: Mobile view / narrow viewport
Note- Campaigns with atleast 4 pages of contributor's list should be used to reproduce this issue.




