change style

parlemonde · Mar 5, 2024 · b64d9ff · b64d9ff
1 parent 8214a3b
commit b64d9ff
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/components/PaginationNav/PaginationNav.tsx b/src/components/PaginationNav/PaginationNav.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 
 import type { SelectChangeEvent } from '@mui/material';
-import { InputLabel, MenuItem, Pagination, Select, Stack } from '@mui/material';
+import { Fade, InputLabel, MenuItem, Pagination, Select, Stack } from '@mui/material';
 
 interface PaginationNavProps {
   page: number;
@@ -13,9 +13,12 @@ interface PaginationNavProps {
 
 const PaginationNav = ({ page, itemsPerPage, totalItems, handlePage, handleItemsPerPage }: PaginationNavProps) => {
   return (
-    <Stack direction="row" spacing={4} alignItems="center" justifyContent="flex-start">
+    <Stack direction="row" spacing={6} alignItems="center" justifyContent="flex-end">
+      {totalItems > itemsPerPage && <Pagination count={Math.ceil(totalItems / itemsPerPage)} page={page} onChange={handlePage} variant="outlined" />}
       <Stack direction="row" alignItems="center" justifyContent="center" spacing={2}>
-        <InputLabel id="activities-per-page-label">Activités par page</InputLabel>
+        <InputLabel id="activities-per-page-label" sx={{ fontSize: '.9rem' }}>
+          Activités par page
+        </InputLabel>
         <Select
           labelId="activities-per-page-label"
           variant="standard"
@@ -29,7 +32,6 @@ const PaginationNav = ({ page, itemsPerPage, totalItems, handlePage, handleItems
           <MenuItem value={25}>25</MenuItem>
         </Select>
       </Stack>
-      {totalItems > itemsPerPage && <Pagination count={Math.ceil(totalItems / itemsPerPage)} page={page} onChange={handlePage} variant="outlined" />}
     </Stack>
   );
 };