wrap button in <Flex />

gregrickaby · Mar 2, 2023 · 0f01746 · 0f01746
1 parent 976a7fd
commit 0f01746
Showing 1 changed file with 6 additions and 8 deletions.
diff --git a/components/Results.tsx b/components/Results.tsx
@@ -4,6 +4,7 @@ import {
   Button,
   Card,
   createStyles,
+  Flex,
   SimpleGrid
 } from '@mantine/core'
 import dynamic from 'next/dynamic'
@@ -36,11 +37,6 @@ const useStyles = createStyles((theme) => ({
       borderBottom: '1px solid transparent',
       textDecoration: 'none'
     }
-  },
-
-  loadMore: {
-    display: 'flex',
-    margin: `${theme.spacing.xl}px auto`
   }
 }))
 
@@ -133,9 +129,11 @@ export default function Results() {
         ))}
       </SimpleGrid>
       {!loading && (
-        <Button className={classes.loadMore} ref={ref} onClick={infiniteScroll}>
-          {loadingMore ? <>Loading...</> : <>Load more</>}
-        </Button>
+        <Flex justify="center" align="center" p="xl">
+          <Button ref={ref} onClick={infiniteScroll}>
+            {loadingMore ? <>Loading...</> : <>Load more</>}
+          </Button>
+        </Flex>
       )}
     </>
   )