From 6dcc445eeebf207523af01ba1b8d21f60dd22b56 Mon Sep 17 00:00:00 2001
From: Andcool-Systems <drolll2007@gmail.com>
Date: Sat, 31 Aug 2024 15:14:17 +0300
Subject: [PATCH] fixed paginator styles

---
 src/app/modules/components/paginator.module.tsx | 4 ++--
 src/app/styles/paginator.module.css             | 7 ++++++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/app/modules/components/paginator.module.tsx b/src/app/modules/components/paginator.module.tsx
index 78fa766..3bc5617 100644
--- a/src/app/modules/components/paginator.module.tsx
+++ b/src/app/modules/components/paginator.module.tsx
@@ -53,9 +53,9 @@ export const Paginator = ({ total_count, take, onChange }: PaginatorProps) => {
 
     return _display ? <div className={Styles.container}>
         {_pages.length > 0 && <>
-            <IconChevronLeft className={Styles.page} onClick={() => _setPage(last => Math.max(0, last - 1))} />
+            <IconChevronLeft className={`${Styles.page} ${Styles.arrow}`} onClick={() => _setPage(last => Math.max(0, last - 1))} />
             {_pages}
-            <IconChevronRight className={Styles.page} onClick={() => _setPage(last => Math.min(last + 1, Math.ceil(_totalCount / _take) - 1))} />
+            <IconChevronRight className={`${Styles.page} ${Styles.arrow}`} onClick={() => _setPage(last => Math.min(last + 1, Math.ceil(_totalCount / _take) - 1))} />
         </>
         }
     </div> : null;
diff --git a/src/app/styles/paginator.module.css b/src/app/styles/paginator.module.css
index 2faa30a..905a55e 100644
--- a/src/app/styles/paginator.module.css
+++ b/src/app/styles/paginator.module.css
@@ -29,7 +29,12 @@
         font-size: 1rem;
         width: .8rem;
         height: .8rem;
-        padding: .9rem;
+        padding: .9rem !important;
         margin: .1rem;
     }
+
+    .arrow {
+        width: 1.5rem !important;
+        height: auto;
+    }
 }
\ No newline at end of file