From 4fab424acc398ef3c68ecfb28d248699f91b07a9 Mon Sep 17 00:00:00 2001
From: Marcus Blais <31868036+blai0264@users.noreply.github.com>
Date: Wed, 10 Jul 2024 14:10:01 -0400
Subject: [PATCH] implemented vertical spacing for project updates on mobile
 design (#1068)

* implemented vertical spacing for project updates on mobile design

* updated vertical spacing for the remaining project pages
---
 pages/projects/benefits-finder/index.js            | 2 +-
 pages/projects/benefits-navigator/index.js         | 2 +-
 pages/projects/dashboard/index.js                  | 2 +-
 pages/projects/digital-standards-playbook/index.js | 2 +-
 pages/projects/making-easier-get-benefits/index.js | 2 +-
 pages/projects/oas-benefits-estimator/index.js     | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/pages/projects/benefits-finder/index.js b/pages/projects/benefits-finder/index.js
index 09fab92b31..5ed4a80616 100644
--- a/pages/projects/benefits-finder/index.js
+++ b/pages/projects/benefits-finder/index.js
@@ -353,7 +353,7 @@ export default function BenefitsFinderOverview(props) {
                   ? "Project updates"
                   : "Mises à jour du projet"}
               </h2>
-              <ul className="grid lg:grid-cols-12 gap-x-4 lg:gap-y-12 list-none ml-0 mb-12">
+              <ul className="grid lg:grid-cols-12 gap-x-4 gap-y-4 lg:gap-y-12 list-none ml-0 mb-12">
                 {displayProjectUpdates}
               </ul>
             </section>
diff --git a/pages/projects/benefits-navigator/index.js b/pages/projects/benefits-navigator/index.js
index 55fda721ee..9c07347e64 100644
--- a/pages/projects/benefits-navigator/index.js
+++ b/pages/projects/benefits-navigator/index.js
@@ -618,7 +618,7 @@ export default function BenefitsNavigatorOverview(props) {
                   ? "Project updates"
                   : "Mises à jour du projet"}
               </h2>
-              <ul className="grid lg:grid-cols-12 gap-x-4 lg:gap-y-12 list-none ml-0 mb-12">
+              <ul className="grid lg:grid-cols-12 gap-x-4 gap-y-4 lg:gap-y-12 list-none ml-0 mb-12">
                 {displayProjectUpdates}
               </ul>
             </section>
diff --git a/pages/projects/dashboard/index.js b/pages/projects/dashboard/index.js
index dd67565e09..257391a0b9 100644
--- a/pages/projects/dashboard/index.js
+++ b/pages/projects/dashboard/index.js
@@ -348,7 +348,7 @@ export default function MscaDashboard(props) {
                 ? "Project updates"
                 : "Mises à jour du projet"}
             </h2>
-            <ul className="grid lg:grid-cols-12 gap-x-4 lg:gap-y-12 list-none ml-0 mb-12">
+            <ul className="grid lg:grid-cols-12 gap-x-4 gap-y-4 lg:gap-y-12 list-none ml-0 mb-12">
               {displayProjectUpdates}
             </ul>
           </section>
diff --git a/pages/projects/digital-standards-playbook/index.js b/pages/projects/digital-standards-playbook/index.js
index c264b24c58..bfbc9e2e04 100644
--- a/pages/projects/digital-standards-playbook/index.js
+++ b/pages/projects/digital-standards-playbook/index.js
@@ -449,7 +449,7 @@ export default function DigitalStandardsPlaybookPage(props) {
                   ? "Project updates"
                   : "Mises à jour du projet"}
               </h2>
-              <ul className="grid lg:grid-cols-12 gap-x-4 lg:gap-y-12 list-none ml-0 mb-12">
+              <ul className="grid lg:grid-cols-12 gap-x-4 gap-y-4 lg:gap-y-12 list-none ml-0 mb-12">
                 {displayProjectUpdates}
               </ul>
             </section>
diff --git a/pages/projects/making-easier-get-benefits/index.js b/pages/projects/making-easier-get-benefits/index.js
index 190ce588bc..f59754b079 100644
--- a/pages/projects/making-easier-get-benefits/index.js
+++ b/pages/projects/making-easier-get-benefits/index.js
@@ -351,7 +351,7 @@ export default function IntegratedChannelStrategyPage(props) {
                   ? "Project updates"
                   : "Mises à jour du projet"}
               </h2>
-              <ul className="grid lg:grid-cols-12 gap-x-4 lg:gap-y-12 list-none ml-0 mb-12">
+              <ul className="grid lg:grid-cols-12 gap-x-4 gap-y-4 lg:gap-y-12 list-none ml-0 mb-12">
                 {displayProjectUpdates}
               </ul>
             </section>
diff --git a/pages/projects/oas-benefits-estimator/index.js b/pages/projects/oas-benefits-estimator/index.js
index 0a151068e6..8dc2333469 100644
--- a/pages/projects/oas-benefits-estimator/index.js
+++ b/pages/projects/oas-benefits-estimator/index.js
@@ -403,7 +403,7 @@ export default function OasBenefitsEstimator(props) {
                   ? "Project updates"
                   : "Mises à jour du projet"}
               </h2>
-              <ul className="grid lg:grid-cols-12 gap-x-4 lg:gap-y-12 list-none ml-0 mb-12">
+              <ul className="grid lg:grid-cols-12 gap-x-4 gap-y-4 lg:gap-y-12 list-none ml-0 mb-12">
                 {displayProjectUpdates}
               </ul>
             </section>