utopia-ai
/
HR-ATS-Portal
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Inbox: tidy the queue pagination #57

Merged
talha.ahmed merged 1 commits from Talha into main 2026-09-02 14:20:31 +00:00
Conversation 0 Commits 1 Files Changed 1
1 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
frontend/src/styles/styles.css
View File

@ -1072,12 +1072,27 @@ canvas { width: 100%; max-width: 100%; display: block; }
overflow: visible;
}
.inbox-queue .page-info { width: 100%; }
.inbox-queue .page-controls { flex-wrap: wrap; }
/* "of N" repeats the Showing line one row up — drop it in the queue column. */
.inbox-queue .page-size-total { display: none; }
.inbox-queue .page-size { margin-right: 0; }
.inbox-queue .page-controls {
flex-wrap: wrap;
justify-content: space-between;
row-gap: 8px;
}
.inbox-queue .page-nav {
justify-content: flex-start;
flex: 1 1 100%;
width: 100%;
flex: 1 1 auto;
width: auto;
min-width: 0;
flex-wrap: wrap;
gap: 3px;
row-gap: 4px;
}
.inbox-queue .page-nums { flex-wrap: wrap; gap: 3px; row-gap: 4px; }
/* Slimmer buttons: nine controls (4 chevrons + up to 5 numbers) fit the
~350px split column on one row. */
.inbox-queue .page-btn { min-width: 31px; height: 31px; padding: 0 6px; }
.inbox-bulk-bar {
display: flex;
align-items: center;