From 4f9882a389a84e67e64765f79f7743da2b8b8d39 Mon Sep 17 00:00:00 2001
From: "ste.vaidis" <ste.vaidis@gmail.com>
Date: Sat, 10 Dec 2022 19:04:26 +0200
Subject: [PATCH] pager finished

---
 Front/src/coinList/coinListPager.tsx | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/Front/src/coinList/coinListPager.tsx b/Front/src/coinList/coinListPager.tsx
index e175e68..d8d8fe9 100644
--- a/Front/src/coinList/coinListPager.tsx
+++ b/Front/src/coinList/coinListPager.tsx
@@ -4,7 +4,7 @@ import { useNavigate } from "react-router-dom";
 import Button from '@mui/material/Button';
 import ButtonGroup from '@mui/material/ButtonGroup';
 import Typography from '@mui/material/Typography';
-
+import Grid from '@mui/material/Grid';
 
 const Pager = (props:any): JSX.Element => {
 
@@ -23,13 +23,15 @@ const Pager = (props:any): JSX.Element => {
     }
 
     return (
-        <ButtonGroup variant="contained" aria-label="outlined primary button group">
-            <Button disabled={page === 1} onClick={() => navigate("/")}>First</Button>
-            <Button disabled={page === 1} onClick={() => handlePager(page - 1)}>Prev</Button>
-            <Typography style={{ padding: 10}}>Page {page} from {lastPage}</Typography>
-            <Button disabled={page === lastPage} onClick={() => handlePager(page + 1)}>Next</Button>
-            <Button disabled={page === lastPage} onClick={() => handlePager(lastPage)}>Last</Button>
-        </ButtonGroup>
+        <Grid container justifyContent="center">
+            <ButtonGroup variant="contained" aria-label="outlined primary button group">
+                <Button disabled={page === 1} onClick={() => navigate("/")}>First</Button>
+                <Button disabled={page === 1} onClick={() => handlePager(page - 1)}>Prev</Button>
+                <Typography style={{ padding: 10}}>Page {page} from {lastPage}</Typography>
+                <Button disabled={page === lastPage} onClick={() => handlePager(page + 1)}>Next</Button>
+                <Button disabled={page === lastPage} onClick={() => handlePager(lastPage)}>Last</Button>
+            </ButtonGroup>
+        </Grid>
     )
 }