From 4a0f769514f564fe359961a031a2c6688a69ee21 Mon Sep 17 00:00:00 2001
From: regalijan <r@regalijan.com>
Date: Thu, 19 Oct 2023 16:50:57 -0400
Subject: [PATCH] Oh yeah I forgot the other half

---
 app/routes/hammer.tsx  | 54 +++++++++++++++++++++++-------------------
 components/Success.tsx |  4 +++-
 2 files changed, 32 insertions(+), 26 deletions(-)

diff --git a/app/routes/hammer.tsx b/app/routes/hammer.tsx
index 2be9663..e7ca770 100644
--- a/app/routes/hammer.tsx
+++ b/app/routes/hammer.tsx
@@ -1,4 +1,6 @@
 import {
+  Alert,
+  AlertIcon,
   Box,
   Button,
   Card,
@@ -173,31 +175,33 @@ export default function () {
           Search
         </Button>
       </HStack>
-      <Card maxW="sm" visibility={visible ? "visible" : "hidden"}>
-        <CardBody>
-          <Image mb="16" src={avatarUrl} />
-          <Stack divider={<StackDivider />} spacing="6">
-            <Box>
-              <Heading size="xs">USERNAME</Heading>
-              <Text pt="2" fontSize="sm">
-                {username}
-              </Text>
-            </Box>
-            <Box>
-              <Heading size="xs">USER ID</Heading>
-              <Text pt="2" fontSize="sm">
-                {uid}
-              </Text>
-            </Box>
-            <Box>
-              <Heading size="xs">MODERATION STATUS</Heading>
-              <Text pt="2" fontSize="sm">
-                {status}
-              </Text>
-            </Box>
-          </Stack>
-        </CardBody>
-      </Card>
+      <Center mb={3} mt={3}>
+        <Card maxW="md" visibility={visible ? "visible" : "hidden"}>
+          <CardBody>
+            <Image mb="16" src={avatarUrl} />
+            <Stack divider={<StackDivider />} spacing="6">
+              <Box>
+                <Heading size="xs">USERNAME</Heading>
+                <Text pt="2" fontSize="sm">
+                  {username}
+                </Text>
+              </Box>
+              <Box>
+                <Heading size="xs">USER ID</Heading>
+                <Text pt="2" fontSize="sm">
+                  {uid}
+                </Text>
+              </Box>
+              <Box>
+                <Heading size="xs">MODERATION STATUS</Heading>
+                <Text pt="2" fontSize="sm">
+                  {status}
+                </Text>
+              </Box>
+            </Stack>
+          </CardBody>
+        </Card>
+      </Center>
       {history}
     </Container>
   );
diff --git a/components/Success.tsx b/components/Success.tsx
index 9a204bf..0102d3a 100644
--- a/components/Success.tsx
+++ b/components/Success.tsx
@@ -1,4 +1,4 @@
-import { Container, Flex, Heading, Spacer, Text } from "@chakra-ui/react";
+import { Center, Container, Flex, Heading, Spacer, Text } from "@chakra-ui/react";
 
 export default function ({
   heading,
@@ -29,10 +29,12 @@ export default function ({
         </svg>
         <Spacer />
       </Flex>
+      <Center>
       <br />
       <Heading>{heading}</Heading>
       <br />
       <Text>{message}</Text>
+      </Center>
     </Container>
   );
 }