make pagination more compact and centered

This commit is contained in:
Phillip Thelen 2024-11-08 12:21:44 +01:00
parent 9acd2963f7
commit 8490e6d45c

View File

@ -89,10 +89,10 @@
> >
« «
</button> </button>
<span class="page-info"> <div class="page-info">
Page {currentPage} of {totalPages} <span>Page {currentPage} of {totalPages}</span>
<span class="results-info">({totalResults} processes)</span> <span class="results-info">({totalResults} processes)</span>
</span> </div>
<button <button
class="btn-page" class="btn-page"
disabled={currentPage === totalPages} disabled={currentPage === totalPages}
@ -109,6 +109,7 @@
</button> </button>
</div> </div>
</div> </div>
<div class="toolbar-spacer"></div>
<div class="column-toggle"> <div class="column-toggle">
<button <button
@ -297,8 +298,13 @@
font-size: 12px; font-size: 12px;
color: var(--subtext0); color: var(--subtext0);
display: flex; display: flex;
flex-direction: column;
align-items: center; align-items: center;
gap: 8px; flex-shrink: 0;
}
.page-info span {
display: block;
} }
.results-info { .results-info {