Page-size selector placement

Where does the "Rows per page: 50" control sit relative to pagination + total count? Same /campaigns table at the top of each example, 3 different footers below.

Option A

Right-aligned trio — count · size · pagination

Recommended

shadcn/ui + Linear pattern. Everything right-aligned, control density visible at a glance. Selector sits between total + pagination.

Status All ▾
Type All ▾
Name ↓
Client
Status
Leads
Hussam — Solar Q1
Hussam Inc.
Active
1,247
Mike — Roofing Spring
Mike & Sons
Active
892
Steve — Pool Co
Pool Pros LLC
Draft
0
147 total · showing 1–50
Rows

Pros

  • Matches Linear, Notion, Vercel dashboard — agents already familiar
  • Compact — one footer row
  • Pagination near rows-per-page = clear cause/effect

Cons

  • Mobile wraps to 2-3 lines
Option B

Split footer — size on left, pagination on right

GitHub/Stripe pattern. Total + size grouped left as "viewing config"; pagination right as "navigation".

Status All ▾
Type All ▾
Name ↓
Client
Status
Leads
Hussam — Solar Q1
Hussam Inc.
Active
1,247
Mike — Roofing Spring
Mike & Sons
Active
892
Steve — Pool Co
Pool Pros LLC
Draft
0
Showing of 147 campaigns

Pros

  • Reads left-to-right like a sentence
  • Pagination doesn't crowd size selector
  • Best mobile behavior (each side wraps independently)

Cons

  • Eye has to travel across width to associate size→page
Option C

Classic admin — centered pagination, size in toolbar

Move page-size up into the top toolbar (along search/filters). Pagination centered, just numbers.

Status All ▾
Type All ▾
Show
Name ↓
Client
Status
Leads
Hussam — Solar Q1
Hussam Inc.
Active
1,247
Mike — Roofing Spring
Mike & Sons
Active
892
Steve — Pool Co
Pool Pros LLC
Draft
0
147 total · page 1 of 3

Pros

  • Pagination is the visual focus
  • Size-selector grouped with other filter controls = consistent mental model

Cons

  • Toolbar gets crowded with 5+ filters + size + search
  • Size feels like a filter rather than a view config