diff --git a/apps/client/src/widgets/collections/Pagination.css b/apps/client/src/widgets/collections/Pagination.css index 00d2fb4b95..93ee13a76d 100644 --- a/apps/client/src/widgets/collections/Pagination.css +++ b/apps/client/src/widgets/collections/Pagination.css @@ -2,6 +2,7 @@ --note-list-pager-page-button-width: 40px; --note-list-pager-page-button-gap: 3px; --note-list-pager-ellipsis-width: 20px; + --note-list-pager-justify-content: flex-end; --note-list-pager-current-page-button-background-color: var(--button-group-active-button-background); --note-list-pager-current-page-button-text-color: var(--button-group-active-button-text-color); @@ -9,7 +10,7 @@ .note-list-pager-container { display: flex; - justify-content: flex-end; + flex-direction: column; width: 100%; container: note-list-pager / inline-size; } @@ -18,6 +19,7 @@ display: flex; align-items: center; font-size: .8rem; + align-self: var(--note-list-pager-justify-content); .note-list-pager-nav-button { --icon-button-icon-ratio: .75;