From 8490e6d45cf44ce8c6a987cfecc3714aae193a7c Mon Sep 17 00:00:00 2001
From: Phillip Thelen <phillip@thelen.space>
Date: Fri, 8 Nov 2024 12:21:44 +0100
Subject: [PATCH] make pagination more compact and centered

---
 src/lib/components/ToolBar.svelte | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

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