VIA-608 AJ/DB Remove bottom margin from urgent and non-urgent care cards

Author: ankur-jain-nhs

src/app/_components/nhs-frontend/NonUrgentCareCard.tsx

@@ -4,6 +4,8 @@ import { Heading } from "@src/services/eligibility-api/types";
 import { Card } from "nhsuk-react-components";
 import { JSX } from "react";
 
+import styles from "./styles.module.css";
+
 interface NonUrgentCareCardProps {
   heading: Heading | string | JSX.Element;
   content: JSX.Element;
@@ -13,7 +15,7 @@ const NonUrgentCareCard = ({ heading, content }: NonUrgentCareCardProps) => {
   return (
     <Card cardType="non-urgent" data-testid="non-urgent-care-card">
       <Card.Heading>{heading}</Card.Heading>
-      <Card.Content>{content}</Card.Content>
+      <Card.Content className={styles.careCardZeroMarginBottom}>{content}</Card.Content>
     </Card>
   );
 };

src/app/_components/nhs-frontend/UrgentCareCard.tsx

@@ -4,6 +4,8 @@ import { Heading } from "@src/services/eligibility-api/types";
 import { Card } from "nhsuk-react-components";
 import { JSX } from "react";
 
+import styles from "./styles.module.css";
+
 interface NonUrgentCareCardProps {
   heading: Heading | string | JSX.Element;
   content: JSX.Element;
@@ -13,7 +15,7 @@ const UrgentCareCard = ({ heading, content }: NonUrgentCareCardProps) => {
   return (
     <Card cardType="urgent" data-testid="urgent-care-card">
       <Card.Heading>{heading}</Card.Heading>
-      <Card.Content>{content}</Card.Content>
+      <Card.Content className={styles.careCardZeroMarginBottom}>{content}</Card.Content>
     </Card>
   );
 };

src/app/_components/nhs-frontend/styles.module.css

@@ -0,0 +1,7 @@
+.careCardZeroMarginBottom p:last-child {
+  margin-bottom: 0;
+}
+
+.careCardZeroMarginBottom ul:last-child {
+  margin-bottom: 0;
+}