Make revoke button less terrible on mobile

regalijan · Oct 22, 2023 · b453783 · b453783
1 parent 24bbc98
commit b453783
Showing 1 changed file with 8 additions and 3 deletions.
diff --git 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">