fixed paginator styles

PPLBandage · Aug 31, 2024 · 6dcc445 · 6dcc445
1 parent 6e19e89
commit 6dcc445
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git 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
@@ -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;
+    }
 }