From 3d41ce13b1f96f0f64cd2752f336c44530372a18 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Mon, 16 Feb 2026 20:48:51 +0200
Subject: [PATCH] ui/pager: restyle the note counter

---
 apps/client/src/widgets/collections/Pagination.css | 6 ++++++
 apps/client/src/widgets/collections/Pagination.tsx | 5 ++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/apps/client/src/widgets/collections/Pagination.css b/apps/client/src/widgets/collections/Pagination.css
index bccfbcb5b0..2fccb8b1ba 100644
--- a/apps/client/src/widgets/collections/Pagination.css
+++ b/apps/client/src/widgets/collections/Pagination.css
@@ -34,4 +34,10 @@
             opacity: .5;
         }
     }
+
+    .note-list-pager-total-count {
+        margin-inline-start: 8px;
+        opacity: .75;
+        white-space: nowrap;
+    }
 }
\ No newline at end of file
diff --git a/apps/client/src/widgets/collections/Pagination.tsx b/apps/client/src/widgets/collections/Pagination.tsx
index 59c9f29961..d9b7cec697 100644
--- a/apps/client/src/widgets/collections/Pagination.tsx
+++ b/apps/client/src/widgets/collections/Pagination.tsx
@@ -38,7 +38,10 @@ export function Pager({ page, pageSize, setPage, pageCount, totalNotes }: Omit<P
                 text={t("pagination.next_page")}
                 onClick={() => {setPage(page + 1)}}
             />
-            <span className="note-list-pager-total-count">({t("pagination.total_notes", { count: totalNotes })})</span>
+
+            <div className="note-list-pager-total-count">
+                {t("pagination.total_notes", { count: totalNotes })}
+            </div>
         </div>
     )
 }