From 213fa434ccaaf638a551a75a89dee59d1dd280a2 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Thu, 12 Dec 2024 17:07:03 -0500
Subject: [PATCH] WIP format updates.

---
 src/layouts/payment-method/payment-method.vue      | 14 +++++++++++++-
 .../review-dropdown/review-dropdown.vue            | 11 -----------
 2 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/src/layouts/payment-method/payment-method.vue b/src/layouts/payment-method/payment-method.vue
index bd698d0c6..477f64798 100644
--- a/src/layouts/payment-method/payment-method.vue
+++ b/src/layouts/payment-method/payment-method.vue
@@ -14,6 +14,7 @@
                     <hr class="my-0" />
 
                     <reviewDropdown
+                        class="appt-details-snapshot"
                         ref="reviewDropdown"
                         :apptWordingText="AppointmentWordingText" />
 
@@ -620,7 +621,7 @@ export default {
                 : this.$store.getters.order.serviceLocation?.appointmentType;
         },
         ServiceLocationFullAddressText() {
-            return `${this.ServiceLocationAddress}${this.ServiceLocationAddress2 ? ", " + this.ServiceLocationAddress2 : ""}, ${this.ServiceLocationCity}, ${this.ServiceLocationState} ${this.ServiceLocationZipCode}`;
+            return `${this.ServiceLocationAddress.toLowerCase()}${this.ServiceLocationAddress2 ? ", " + this.ServiceLocationAddress2 : ""}, ${this.ServiceLocationCity.toLowerCase()}, ${this.ServiceLocationState} ${this.ServiceLocationZipCode}`;
         },
         ServiceLocationFullAddress() {
             if (this.AppointmentType === "Mobile") {
@@ -853,6 +854,17 @@ export default {
 <style></style>
 
 <style lang="scss" scoped>
+.appt-details-snapshot {
+    :deep(p) {
+        margin: 0.75rem 0 1rem 0;
+        font-size: .875rem;
+        padding: 0;
+        text-transform: capitalize;
+        span {
+            text-transform: lowercase;
+        }
+    }
+}
 .checkbox-group {
     align-items: start;
     > * {
diff --git a/src/layouts/payment-method/review-dropdown/review-dropdown.vue b/src/layouts/payment-method/review-dropdown/review-dropdown.vue
index 59ffc6d92..ac1301feb 100644
--- a/src/layouts/payment-method/review-dropdown/review-dropdown.vue
+++ b/src/layouts/payment-method/review-dropdown/review-dropdown.vue
@@ -63,7 +63,6 @@ import servicePackageReview from "@/layouts/payment-method/review-dropdown/revie
 import vehicleReview from "@/layouts/payment-method/review-dropdown/review-sections/vehicle-review/vehicle-review";
 
 import { settleAllPromises } from "@/helpers/layout-helper";
-import apptDetailsSnapshot from "@/layouts/payment-method/review-dropdown/appt-details-snapshot/appt-details-snapshot.vue";
 
 export default {
     name: "review-dropdown",
@@ -128,16 +127,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.appt-details-snapshot {
-    white-space: nowrap;
-    margin: 0.75rem 0 1rem 0;
-    div {
-        padding: 0;
-        text-transform: capitalize;
-        white-space: nowrap;
-    }
-}
-
 .dark-header {
     color: $black;
     line-height: 1.6;