From 5a642ac47b08af3b717a05aea925def574a5ccd7 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Mon, 23 Jun 2025 14:56:13 -0400
Subject: [PATCH 1/3] CASH-1028 add EIN and footer copy to donation block.

---
 src/experiment-components/donation-block.vue | 31 +++++++++++++++++---
 1 file changed, 27 insertions(+), 4 deletions(-)

diff --git a/src/experiment-components/donation-block.vue b/src/experiment-components/donation-block.vue
index fde5509f8..0e29e7394 100644
--- a/src/experiment-components/donation-block.vue
+++ b/src/experiment-components/donation-block.vue
@@ -7,8 +7,9 @@
                 </div>
             </div>
             <div class="row-align d-flex px-4">
-                <div>
-                    <img class="w-100 mt-1 me-4" :src="LogoImage" />
+                <div class="logo-block">
+                    <img class="w-100" :src="LogoImage" />
+                    <span>EIN: 26-3043727</span> <!-- This will likely never change so hard coded -->
                 </div>
                 <div>
                     <p class="small subheadline mb-2" v-html="DonationSubHeadline"></p>
@@ -80,6 +81,7 @@
             <div class="row">
                 <div class="col-12">
                     <p class="mt-2 mb-4 mx-0 text-center caption" v-html="DonationFooterText"></p>
+                    <p class="mt-2 mb-4 mx-0 text-center caption" v-html="DonationFooterText2"></p>
                 </div>
             </div>
         </form>
@@ -121,6 +123,9 @@ export default {
         DonationFooterText() {
             return this.getCmsContent(this.cmsWidgetName, "FooterText");
         },
+        DonationFooterText2() {
+            return this.getCmsContent(this.cmsWidgetName, "FooterText2");
+        },
         LogoImage() {
             return this.getCmsContent("DonationWidget", "Image");
         },
@@ -195,8 +200,26 @@ export default {
         }
     }
 
-    img {
-        width: 5rem;
+    .logo-block {
+        display: flex;
+        flex-direction: column;
+        background: white;
+        align-items: flex-start;
+        justify-content: center;
+        padding: 0 .5rem;
+        margin-right: 1rem;
+        height: max-content;
+
+            img {
+                width: 88px;
+            }
+         
+            span {
+                font-size: .625rem;
+                margin: 0 auto;
+                padding: .5rem 0;
+                font-family: UrbanistSemibold;
+            }
     }
 
     .donation-slider {

From 7ab5d17da78be1be019b60139bf3283feeebbe32 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Mon, 23 Jun 2025 14:57:42 -0400
Subject: [PATCH 2/3] Format code.

---
 src/experiment-components/donation-block.vue | 25 ++++++++++----------
 1 file changed, 13 insertions(+), 12 deletions(-)

diff --git a/src/experiment-components/donation-block.vue b/src/experiment-components/donation-block.vue
index 0e29e7394..d4e1d4e99 100644
--- a/src/experiment-components/donation-block.vue
+++ b/src/experiment-components/donation-block.vue
@@ -9,7 +9,8 @@
             <div class="row-align d-flex px-4">
                 <div class="logo-block">
                     <img class="w-100" :src="LogoImage" />
-                    <span>EIN: 26-3043727</span> <!-- This will likely never change so hard coded -->
+                    <span>EIN: 26-3043727</span>
+                    <!-- This will likely never change so hard coded -->
                 </div>
                 <div>
                     <p class="small subheadline mb-2" v-html="DonationSubHeadline"></p>
@@ -206,20 +207,20 @@ export default {
         background: white;
         align-items: flex-start;
         justify-content: center;
-        padding: 0 .5rem;
+        padding: 0 0.5rem;
         margin-right: 1rem;
         height: max-content;
 
-            img {
-                width: 88px;
-            }
-         
-            span {
-                font-size: .625rem;
-                margin: 0 auto;
-                padding: .5rem 0;
-                font-family: UrbanistSemibold;
-            }
+        img {
+            width: 88px;
+        }
+
+        span {
+            font-size: 0.625rem;
+            margin: 0 auto;
+            padding: 0.5rem 0;
+            font-family: UrbanistSemibold;
+        }
     }
 
     .donation-slider {

From 9921bd9b8ad749576073b3ff84958ea6e385f8e6 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Mon, 23 Jun 2025 15:00:43 -0400
Subject: [PATCH 3/3] Set margin.

---
 src/experiment-components/donation-block.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/experiment-components/donation-block.vue b/src/experiment-components/donation-block.vue
index d4e1d4e99..34cd4178a 100644
--- a/src/experiment-components/donation-block.vue
+++ b/src/experiment-components/donation-block.vue
@@ -81,8 +81,8 @@
             </div>
             <div class="row">
                 <div class="col-12">
-                    <p class="mt-2 mb-4 mx-0 text-center caption" v-html="DonationFooterText"></p>
-                    <p class="mt-2 mb-4 mx-0 text-center caption" v-html="DonationFooterText2"></p>
+                    <p class="mt-2 mb-2 mx-0 text-center caption" v-html="DonationFooterText"></p>
+                    <p class="mb-4 mx-0 text-center caption" v-html="DonationFooterText2"></p>
                 </div>
             </div>
         </form>