From 3cb9588bbfbbffa17f85e9a161ed226ea9b0b99b Mon Sep 17 00:00:00 2001
From: rishighan <rishi.ghan@gmail.com>
Date: Thu, 3 Nov 2022 21:40:23 -0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Styling=20tweaks=20to=20paginati?=
 =?UTF-8?q?on=20controls?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/client/components/Library/Library.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/client/components/Library/Library.tsx b/src/client/components/Library/Library.tsx
index 7c78402..8a2f0a2 100644
--- a/src/client/components/Library/Library.tsx
+++ b/src/client/components/Library/Library.tsx
@@ -43,6 +43,7 @@ export const Library = (): ReactElement => {
       ),
     );
   }, []);
+
   const [{ pageIndex, pageSize }, setPagination] =
     React.useState<PaginationState>({
       pageIndex: 1,
@@ -133,14 +134,13 @@ export const Library = (): ReactElement => {
           <div className="column is-half">
             <SearchBar />
           </div>
-          {/* pagination control */}
+          {/* pagination controls */}
           <nav className="pagination columns">
-            <div className="box is-size-6 mr-3 mt-2 has-text-weight-semibold has-text-left">
-              <p>Page {pageIndex} of {Math.ceil(totalPages / pageSize)}</p>
-              <p>{totalPages} comics in all</p>
+            <div className="mr-4 has-text-weight-semibold has-text-left">
+              <p className="is-size-5">Page {pageIndex} of {Math.ceil(totalPages / pageSize)}</p>
+              {/* <p>{totalPages} comics in all</p> */}
             </div>
             <div className="field has-addons">
-
               <p className="control">
                 <div className="button" onClick={() => goToPreviousPage()}> <i className="fas fa-chevron-left"></i></div>
               </p>