fix: use teal lines in ECR summary box (#2957)

* fix: teal horizontal line in summary box * test: update snapshot * fix: use `themeColor` consistently, reactify * fix: moar sub section * fix: uneccessary change pare back * test: update snapshots
CDCgov · Nov 25, 2024 · 4744eb3 · 4744eb3
1 parent 4bc70ca
commit 4744eb3
Show file tree

Hide file tree

Showing 11 changed files with 1,197 additions and 1,201 deletions.
diff --git a/containers/ecr-viewer/src/app/tests/components/__snapshots__/AccordionContent.test.tsx.snap b/containers/ecr-viewer/src/app/tests/components/__snapshots__/AccordionContent.test.tsx.snap
@@ -35,32 +35,36 @@ exports[`Snapshot test for Accordion Content Given no data, info message for emp
           <div
             class="usa-summary-box__body"
           >
-            <h4
-              class="usa-summary-box__heading padding-y-105"
-            >
-              Demographics
-            </h4>
             <div
-              class="usa-summary-box__text"
+              class="gutter-3"
             >
-              <div>
-                <div
-                  class="grid-row"
-                >
+              <h4
+                class="usa-summary-box__heading padding-y-105"
+              >
+                Demographics
+              </h4>
+              <div
+                class="usa-summary-box__text"
+              >
+                <div>
                   <div
-                    class="data-title padding-right-1"
+                    class="grid-row"
                   >
-                    Vital Status
+                    <div
+                      class="data-title padding-right-1"
+                    >
+                      Vital Status
+                    </div>
+                    <div
+                      class="grid-col maxw7 text-pre-line p-list"
+                    >
+                      Deceased
+                    </div>
                   </div>
                   <div
-                    class="grid-col maxw7 text-pre-line p-list"
-                  >
-                    Deceased
-                  </div>
+                    class="section__line_gray"
+                  />
                 </div>
-                <div
-                  class="section__line_gray"
-                />
               </div>
             </div>
           </div>