From 898ad8f19b6cde8eb5db339ab7615351f740a88d Mon Sep 17 00:00:00 2001
From: Eli Selkin <eli.selkin@agile6.com>
Date: Tue, 8 Oct 2024 11:57:06 -0700
Subject: [PATCH 1/2] VACMS 18724 - Adds mission explainer to Vet Centers

---
 src/site/layouts/vet_center.drupal.liquid                 | 8 ++++++++
 src/site/stages/build/drupal/graphql/vetCenter.graphql.js | 3 +++
 2 files changed, 11 insertions(+)

diff --git a/src/site/layouts/vet_center.drupal.liquid b/src/site/layouts/vet_center.drupal.liquid
index 562da3b1d5..3dc65e0689 100644
--- a/src/site/layouts/vet_center.drupal.liquid
+++ b/src/site/layouts/vet_center.drupal.liquid
@@ -25,12 +25,20 @@
                alt="Small group of diverse Veterans talking and smiling with a Vet center counselor, American flag in the background." 
                width="1000" height="287" class="vads-u-padding-y--1p5" 
           />
+
           {% if fieldIntroText != empty %}
             <div class="va-introtext">
               <p>{{ fieldIntroText }}</p>
             </div>
           {% endif %}
 
+          {% if fieldMissionExplainer.fetched %}
+            <va-summary-box>
+              <h2 slot="headline">{{ fieldMissionExplainer.fetched.fieldMagicheadHeading.0.value  }}</h2>
+              {{ fieldMissionExplainer.fetched.fieldMagicheadBody.0.value }}
+            </va-summary-box>
+          {% endif %}
+
           <va-on-this-page></va-on-this-page>
 
           <h2 id="locations-and-contact-information" class="vads-u-line-height--1 vads-u-margin-bottom--3 vads-u-font-size--lg
diff --git a/src/site/stages/build/drupal/graphql/vetCenter.graphql.js b/src/site/stages/build/drupal/graphql/vetCenter.graphql.js
index a9392e97a7..2dd4191362 100644
--- a/src/site/stages/build/drupal/graphql/vetCenter.graphql.js
+++ b/src/site/stages/build/drupal/graphql/vetCenter.graphql.js
@@ -140,6 +140,9 @@ const vetCenterFragment = `
             }
           }
         }
+        fieldMissionExplainer {
+          fetched
+        }
       }`;
 
 const getVetCenterSlice = (operationName, offset, limit) => {

From 1377ce0b34175a798f1300938cfa803347857ca3 Mon Sep 17 00:00:00 2001
From: Eli Selkin <eli.selkin@agile6.com>
Date: Thu, 10 Oct 2024 14:46:32 -0700
Subject: [PATCH 2/2] margin 32px below mission explainer below medium-screen

---
 src/site/layouts/vet_center.drupal.liquid | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/site/layouts/vet_center.drupal.liquid b/src/site/layouts/vet_center.drupal.liquid
index 3dc65e0689..14b7fb26c2 100644
--- a/src/site/layouts/vet_center.drupal.liquid
+++ b/src/site/layouts/vet_center.drupal.liquid
@@ -33,7 +33,7 @@
           {% endif %}
 
           {% if fieldMissionExplainer.fetched %}
-            <va-summary-box>
+            <va-summary-box class="vads-u-margin-bottom--4 medium-screen:vads-u-margin-bottom--0">
               <h2 slot="headline">{{ fieldMissionExplainer.fetched.fieldMagicheadHeading.0.value  }}</h2>
               {{ fieldMissionExplainer.fetched.fieldMagicheadBody.0.value }}
             </va-summary-box>