From b45378367b5cf493fc6cb8b125b017b12adba88c Mon Sep 17 00:00:00 2001
From: Regalijan <r@regalijan.com>
Date: Sun, 22 Oct 2023 18:06:20 -0400
Subject: [PATCH] Make revoke button less terrible on mobile

---
 app/routes/hammer.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/app/routes/hammer.tsx b/app/routes/hammer.tsx
index 6b851fd..88c61a5 100644
--- a/app/routes/hammer.tsx
+++ b/app/routes/hammer.tsx
@@ -102,7 +102,12 @@ export default function () {
       user,
     }: {
       history: { [k: string]: any }[];
-      user: { avatar: string | null; current_status: string; id: number; name: string };
+      user: {
+        avatar: string | null;
+        current_status: string;
+        id: number;
+        name: string;
+      };
     } = await historyResp.json();
 
     if (!history.length) {
@@ -313,7 +318,7 @@ export default function () {
       <Container mb={3} mt={3}>
         <Card visibility={visible ? "visible" : "hidden"}>
           <CardBody>
-            <Flex>
+            <Flex flexWrap="wrap" justifyContent="center">
               <Image mb="16" src={avatarUrl} />
               <Spacer />
               <Button
@@ -324,7 +329,7 @@ export default function () {
                 Revoke Punishment
               </Button>
             </Flex>
-            <Stack divider={<StackDivider />} spacing="6">
+            <Stack divider={<StackDivider />} mt="8px" spacing="6">
               <Box>
                 <Heading size="xs">USERNAME</Heading>
                 <Text pt="2" fontSize="sm">