match style of main index page

bcgov · Feb 27, 2024 · 5767d6a · 5767d6a
1 parent 5f3e6d0
commit 5767d6a
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 22 deletions.
diff --git a/src/nextapp/pages/devportal/index.tsx b/src/nextapp/pages/devportal/index.tsx
@@ -68,17 +68,19 @@ const HomePage: React.FC = () => {
             )
             .map((action) => (
               <Card key={action.url}>
-                <Heading size="md" mb={2}>
-                  <NextLink passHref href={action.url}>
-                    <Link color="bc-link" display="flex" alignItems="center">
-                      <Icon as={action.icon} color="bc-yellow" mr={2} />
-                      {action.title}
-                    </Link>
-                  </NextLink>
-                </Heading>
-                <p>
-                  {action.description}
-                </p>
+                <Box p={4}>
+                  <Heading size="md" mb={2}>
+                    <NextLink passHref href={action.url}>
+                      <Link color="bc-link" display="flex" alignItems="center">
+                        <Icon as={action.icon} color="bc-yellow" mr={2} />
+                        {action.title}
+                      </Link>
+                    </NextLink>
+                  </Heading>
+                  <p>
+                    {action.description}
+                  </p>
+                </Box>
               </Card>
             ))}
         </GridLayout>

diff --git a/src/nextapp/pages/manager/index.tsx b/src/nextapp/pages/manager/index.tsx
@@ -67,17 +67,19 @@ const HomePage: React.FC = () => {
             )
             .map((action) => (
               <Card key={action.url}>
-                <Heading size="md" mb={2}>
-                  <NextLink passHref href={action.url}>
-                    <Link color="bc-link" display="flex" alignItems="center">
-                      <Icon as={action.icon} color="bc-yellow" mr={2} />
-                      {action.title}
-                    </Link>
-                  </NextLink>
-                </Heading>
-                <p>
-                  {action.description}
-                </p>
+                <Box p={4}>
+                  <Heading size="md" mb={2}>
+                    <NextLink passHref href={action.url}>
+                      <Link color="bc-link" display="flex" alignItems="center">
+                        <Icon as={action.icon} color="bc-yellow" mr={2} />
+                        {action.title}
+                      </Link>
+                    </NextLink>
+                  </Heading>
+                  <p>
+                    {action.description}
+                  </p>
+                </Box>
               </Card>
             ))}
         </GridLayout>