Place ID below name

regalijan · Oct 19, 2023 · bc1f880 · bc1f880
1 parent 7b73d64
commit bc1f880
Showing 1 changed file with 12 additions and 13 deletions.
diff --git a/components/AppealCard.tsx b/components/AppealCard.tsx
@@ -31,11 +31,12 @@ export default function (props: {
 
   return (
     <>
-      <Card>
+      <Card w="100%">
         <CardHeader>
           <Heading size="md">
             Appeal for {props.username}#{props.discriminator}
           </Heading>
+          <Text fontSize="xs">ID: {props.id}</Text>
         </CardHeader>
         <CardBody>
           <Stack divider={<StackDivider />}>
@@ -53,20 +54,18 @@ export default function (props: {
               </Heading>
               <Text>{props.learned}</Text>
             </Box>
-            <Box>
-              <Button colorScheme="red">Deny</Button>
-              <Button colorScheme="blue" ml="8px">
-                Accept
-              </Button>
-            </Box>
           </Stack>
         </CardBody>
-        <CardFooter>
-          <Text fontSize="xs">
-            Submitted at: {dateString}
-            <br />
-            ID: {props.id}
-          </Text>
+        <CardFooter pb="4px">
+          <Box>
+            <Button colorScheme="red">Deny</Button>
+            <Button colorScheme="blue" ml="8px">
+              Accept
+            </Button>
+          </Box>
+        </CardFooter>
+        <CardFooter py="4px">
+          <Text fontSize="xs">Submitted at: {dateString}</Text>
         </CardFooter>
       </Card>
     </>