From 7c18c4f6340cd5ed69bbd6ce1f85b337cab2dad7 Mon Sep 17 00:00:00 2001
From: DrMint <thomas@barillot.net>
Date: Sun, 10 Apr 2022 23:16:19 +0200
Subject: [PATCH] PageSelector buttons could only be clicked in the middle

---
 src/components/PageSelector.tsx | 32 ++++++++++++++------------------
 1 file changed, 14 insertions(+), 18 deletions(-)

diff --git a/src/components/PageSelector.tsx b/src/components/PageSelector.tsx
index 0955af9..da75714 100644
--- a/src/components/PageSelector.tsx
+++ b/src/components/PageSelector.tsx
@@ -13,26 +13,22 @@ export default function PageSelector(props: Props): JSX.Element {
 
   return (
     <div className={`flex place-content-center flex-row ${props.className}`}>
-      <Button className="rounded-r-none">
-        <span
-          onClick={() => {
-            if (page > 0) setPage(page - 1);
-          }}
-          className="material-icons"
-        >
-          navigate_before
-        </span>
+      <Button
+        onClick={() => {
+          if (page > 0) setPage(page - 1);
+        }}
+        className="rounded-r-none"
+      >
+        <span className="material-icons">navigate_before</span>
       </Button>
       <Button className="rounded-none border-x-0">{page + 1}</Button>
-      <Button className="rounded-l-none">
-        <span
-          onClick={() => {
-            if (page < maxPage) setPage(page + 1);
-          }}
-          className="material-icons"
-        >
-          navigate_next
-        </span>
+      <Button
+        onClick={() => {
+          if (page < maxPage) setPage(page + 1);
+        }}
+        className="rounded-l-none"
+      >
+        <span className="material-icons">navigate_next</span>
       </Button>
     </div>
   );