From fb3492621b022a084489d9e1bc8c009803ca6307 Mon Sep 17 00:00:00 2001
From: Johnny Bouder <jbouder@metrostar.com>
Date: Wed, 28 Aug 2024 09:12:09 -0400
Subject: [PATCH] Update comet-uswds to latest. Update Card use for
 consistency.

---
 package-lock.json             |  8 ++++----
 package.json                  |  2 +-
 src/pages/details/details.tsx | 38 ++++++++++++++++++-----------------
 3 files changed, 25 insertions(+), 23 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 38dc3682..ac6e67e2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,7 +11,7 @@
       "dependencies": {
         "@metrostar/comet-data-viz": "1.1.5",
         "@metrostar/comet-extras": "1.4.0",
-        "@metrostar/comet-uswds": "3.0.1",
+        "@metrostar/comet-uswds": "3.2.0",
         "@tanstack/react-query": "5.52.1",
         "@tanstack/react-table": "8.20.5",
         "@uswds/uswds": "3.8.2",
@@ -1333,9 +1333,9 @@
       }
     },
     "node_modules/@metrostar/comet-uswds": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/@metrostar/comet-uswds/-/comet-uswds-3.0.1.tgz",
-      "integrity": "sha512-tZ14oRWKZaU5ICfBDbD4cMCWhftihiGjPTvZL4ci1FIDGOQ8IFucbnUBMj1VDojeW+MZxDdumH2+016QYcuibQ==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/@metrostar/comet-uswds/-/comet-uswds-3.2.0.tgz",
+      "integrity": "sha512-iaA8OBI+Bs+5vgu1XOtVJeMlMv46fLRDOTtPl+x02ZkBibE3c7XOeQLCOaOX/7X3V1qpqDz60AfCBxpBh8YFcg==",
       "dependencies": {
         "@uswds/uswds": "3.8.2",
         "classnames": "^2.5.1",
diff --git a/package.json b/package.json
index 6a5fb859..7d75cad5 100644
--- a/package.json
+++ b/package.json
@@ -33,7 +33,7 @@
   "dependencies": {
     "@metrostar/comet-data-viz": "1.1.5",
     "@metrostar/comet-extras": "1.4.0",
-    "@metrostar/comet-uswds": "3.0.1",
+    "@metrostar/comet-uswds": "3.2.0",
     "@tanstack/react-query": "5.52.1",
     "@tanstack/react-table": "8.20.5",
     "@uswds/uswds": "3.8.2",
diff --git a/src/pages/details/details.tsx b/src/pages/details/details.tsx
index 6659daf2..5c657bad 100644
--- a/src/pages/details/details.tsx
+++ b/src/pages/details/details.tsx
@@ -1,5 +1,5 @@
 import { Spinner } from '@metrostar/comet-extras';
-import { Card } from '@metrostar/comet-uswds';
+import { Card, CardBody } from '@metrostar/comet-uswds';
 import { mockData } from '@src/data/spacecraft';
 import { Spacecraft } from '@src/types/spacecraft';
 import { useQuery } from '@tanstack/react-query';
@@ -52,23 +52,25 @@ export const Details = (): React.ReactElement => {
               />
             ) : data ? (
               <Card id="details-card">
-                <ul>
-                  <li>
-                    <b>Name:</b> {data.name}
-                  </li>
-                  <li>
-                    <b>Description:</b> {data.description}
-                  </li>
-                  <li>
-                    <b>Affiliation:</b> {data.affiliation}
-                  </li>
-                  <li>
-                    <b>Dimensions:</b> {data.dimensions}
-                  </li>
-                  <li>
-                    <b>Appearances:</b> {data.appearances}
-                  </li>
-                </ul>
+                <CardBody>
+                  <ul>
+                    <li>
+                      <b>Name:</b> {data.name}
+                    </li>
+                    <li>
+                      <b>Description:</b> {data.description}
+                    </li>
+                    <li>
+                      <b>Affiliation:</b> {data.affiliation}
+                    </li>
+                    <li>
+                      <b>Dimensions:</b> {data.dimensions}
+                    </li>
+                    <li>
+                      <b>Appearances:</b> {data.appearances}
+                    </li>
+                  </ul>
+                </CardBody>
               </Card>
             ) : (
               <>No items found</>