From 1c02935720196aed8ef43af8e8eafc9b2d25ab05 Mon Sep 17 00:00:00 2001
From: Tom Chapman <tchapman000@gmail.com>
Date: Mon, 11 Dec 2023 15:11:58 -0800
Subject: [PATCH] set card height, increase border width

---
 .../src/components/myWorkplans/Card/CardBody.tsx         | 9 ++-------
 .../src/components/myWorkplans/Card/CardFooter.tsx       | 1 +
 .../src/components/myWorkplans/Card/CardHeader.tsx       | 7 ++++---
 epictrack-web/src/components/myWorkplans/Card/index.tsx  | 2 +-
 4 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/epictrack-web/src/components/myWorkplans/Card/CardBody.tsx b/epictrack-web/src/components/myWorkplans/Card/CardBody.tsx
index a509c4113..a0a59d7c7 100644
--- a/epictrack-web/src/components/myWorkplans/Card/CardBody.tsx
+++ b/epictrack-web/src/components/myWorkplans/Card/CardBody.tsx
@@ -42,6 +42,7 @@ const CardBody = ({ workplan }: CardProps) => {
       sx={{
         backgroundColor: Palette.white,
         padding: "16px 24px",
+        height: "313px",
       }}
       gap={1}
     >
@@ -65,13 +66,7 @@ const CardBody = ({ workplan }: CardProps) => {
           </ETCaption1>
         </Grid>
       </Grid>
-      <Grid
-        item
-        container
-        direction="row"
-        spacing={1}
-        sx={{ paddingBottom: "8px" }}
-      >
+      <Grid item container direction="row" spacing={1}>
         <When condition={"phase_info" in workplan}>
           <Grid item container sx={{ marginTop: "2px" }} xs={1}>
             <DotIcon fill={phase_color} />
diff --git a/epictrack-web/src/components/myWorkplans/Card/CardFooter.tsx b/epictrack-web/src/components/myWorkplans/Card/CardFooter.tsx
index f9f89da4a..aef56606e 100644
--- a/epictrack-web/src/components/myWorkplans/Card/CardFooter.tsx
+++ b/epictrack-web/src/components/myWorkplans/Card/CardFooter.tsx
@@ -27,6 +27,7 @@ const CardFooter = ({ workplan }: CardProps) => {
         borderTop: `1px solid var(--neutral-background-dark, #DBDCDC)`,
         padding: "16px 32px",
         alignItems: "center",
+        height: "80px",
       }}
     >
       <Grid item>
diff --git a/epictrack-web/src/components/myWorkplans/Card/CardHeader.tsx b/epictrack-web/src/components/myWorkplans/Card/CardHeader.tsx
index 35e7de633..4426f8059 100644
--- a/epictrack-web/src/components/myWorkplans/Card/CardHeader.tsx
+++ b/epictrack-web/src/components/myWorkplans/Card/CardHeader.tsx
@@ -1,6 +1,6 @@
-import { Grid, Typography } from "@mui/material";
+import { Grid } from "@mui/material";
 import { Palette } from "../../../styles/theme";
-import { ETCaption1, ETParagraph } from "../../shared";
+import { ETCaption1 } from "../../shared";
 import { CardProps } from "./type";
 
 const CardHeader = ({ workplan }: CardProps) => {
@@ -9,9 +9,10 @@ const CardHeader = ({ workplan }: CardProps) => {
       container
       sx={{
         backgroundColor: Palette.neutral.bg.light,
-        borderBottom: `1px solid var(--neutral-background-dark, #DBDCDC)`,
+        borderBottom: `2px solid var(--neutral-background-dark, #DBDCDC)`,
         padding: "12px 24px",
         alignItems: "center",
+        height: "48px",
       }}
       justifyContent="space-between"
     >
diff --git a/epictrack-web/src/components/myWorkplans/Card/index.tsx b/epictrack-web/src/components/myWorkplans/Card/index.tsx
index 068b0ee13..9cad30813 100644
--- a/epictrack-web/src/components/myWorkplans/Card/index.tsx
+++ b/epictrack-web/src/components/myWorkplans/Card/index.tsx
@@ -10,7 +10,7 @@ const Card = ({ workplan }: CardProps) => {
     <Box
       sx={{
         maxWidth: "516px",
-        border: `1px solid var(--neutral-background-dark, ${Palette.neutral.bg.dark})`,
+        border: `2px solid var(--neutral-background-dark, ${Palette.neutral.bg.dark})`,
         borderRadius: "4px 4px 4px 4px",
       }}
     >