From d486873dc905f91b20f58b455ce548330d8b278f Mon Sep 17 00:00:00 2001
From: Ellen Duong <shi.ellenduong@gmail.com>
Date: Thu, 29 Feb 2024 18:23:08 -0500
Subject: [PATCH] style: fix table controls

---
 src/components/PubsTable.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/PubsTable.tsx b/src/components/PubsTable.tsx
index 2f3cf03..46fa10e 100755
--- a/src/components/PubsTable.tsx
+++ b/src/components/PubsTable.tsx
@@ -149,8 +149,8 @@ export function PubsTable() {
           </Button>
         </Col>
         <Col sm={12} md={4} lg={4} className="d-flex justify-content-around">
-          <div className="d-flex">
-            <span className="me-2">Page</span>
+          <div className="d-flex align-items-center">
+            <span className="mx-2">Page</span>
             <Form.Control
               type="number"
               defaultValue={table.getState().pagination.pageIndex + 1}
@@ -161,7 +161,7 @@ export function PubsTable() {
               min={1}
               max={table.getPageCount()}
             />
-            <span className="me-2">of {table.getPageCount()}</span>
+            <span className="mx-2 text-nowrap">of {table.getPageCount()}</span>
           </div>
           <div>
             <Form.Select