From 85c47341639788b4086782c46299dab39a7f3cc5 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Thu, 31 Jul 2025 10:43:21 -0400
Subject: [PATCH 1/6] CASH-1043 schedule page formatting and style updates.

---
 .../date-picker/date-picker.vue               | 21 ++++-------------
 src/layouts/schedule/schedule.vue             | 23 +++++++++++--------
 2 files changed, 18 insertions(+), 26 deletions(-)

diff --git a/src/digital-components/date-picker/date-picker.vue b/src/digital-components/date-picker/date-picker.vue
index 72bdcb093..2506eb18c 100644
--- a/src/digital-components/date-picker/date-picker.vue
+++ b/src/digital-components/date-picker/date-picker.vue
@@ -7,7 +7,6 @@
             <textBlock
                 v-show="durationTextBlockCopy"
                 :customText="durationTextBlockCopy"
-                justifyText="center"
                 typeStyle="small"
                 marginTopSizeOverride="0"
                 class="duration-text-block" />
@@ -1027,6 +1026,10 @@ export default {
     display: flex;
     flex-direction: column;
 
+    .duration-text-block {
+        text-align: left;
+    }
+
     .date-picker-header {
         margin-bottom: 1.5rem;
     }
@@ -1050,7 +1053,6 @@ export default {
     }
     .calendar-grid-container {
         margin: 0 auto 1rem auto;
-        max-width: 360px;
         position: relative;
         transition:
             height ease 2s,
@@ -1188,8 +1190,6 @@ export default {
                 display: flex;
                 justify-content: center;
                 align-items: center;
-                min-width: 2.5rem;
-                width: 2.5rem;
                 height: 2.5rem;
                 border: 2px solid transparent;
 
@@ -1227,14 +1227,8 @@ export default {
             &.selectable-day {
                 label {
                     background-color: $blue-100;
-                    min-width: 2.75rem;
-                    width: 2.75rem;
                     border-radius: 50%;
                     cursor: pointer;
-                    @include media-breakpoint-up(md) {
-                        min-width: 3rem;
-                        width: 3rem;
-                    }
                     &:hover {
                         border: 2px solid $blue;
                     }
@@ -1413,18 +1407,13 @@ export default {
                 line-height: 1.2;
                 justify-content: center;
                 padding: 0.25rem;
+                margin: 0.15rem;
             }
             &.selectable-day {
                 label {
                     color: $black;
                     background-color: $blue-100;
-                    min-width: 2.75rem;
-                    width: 2.75rem;
                     border-radius: 0.25rem;
-                    @include media-breakpoint-up(md) {
-                        min-width: 3rem;
-                        width: 3rem;
-                    }
                 }
             }
             &.current-day {
diff --git a/src/layouts/schedule/schedule.vue b/src/layouts/schedule/schedule.vue
index 0e68cb458..0be89d4dd 100644
--- a/src/layouts/schedule/schedule.vue
+++ b/src/layouts/schedule/schedule.vue
@@ -60,8 +60,8 @@
                         alertClass="alert-success" />
                 </div>
             </div>
-            <div class="row justify-content-center appointment-type">
-                <div class="col-md-6">
+            <div class="row appointment-type">
+                <div class="col-12 col-md-10 col-lg-8 col-xl-7">
                     <appointmentTypeQuestion
                         v-model="appointmentTypeFromAppointmentTypeQuestion"
                         v-show="isAppointmentTypeDisplayed"
@@ -78,9 +78,9 @@
                 </div>
             </div>
             <div
-                class="row justify-content-center your-shop-location"
+                class="row your-shop-location"
                 v-if="appointmentType && appointmentType !== appointmentTypeStrings.MOBILE">
-                <div class="col-md-6 col-xl-4">
+                <div class="col-12 col-md-10 col-lg-8 col-xl-7">
                     <button-question
                         class="shop-question-button"
                         ref="buttonQuestion"
@@ -91,9 +91,8 @@
                         :questionText="questionText"
                         buttonTypeString="shopListButton"
                         :buttonTypeObject="shopListButton"
-                        groupName="chooseShop"
-                        textPosition="text-start" />
-                    <div class="text-center">
+                        groupName="chooseShop" />
+                    <div>
                         <textBlock
                             v-if="mobileFeeApplies && isMobileSelected"
                             :customText="mobileFeeText"
@@ -113,8 +112,8 @@
                     <contentGroupModal ref="RecalModal" cmsWidgetName="RecalModal" />
                 </div>
             </div>
-            <div class="row justify-content-center date-picker-wrapper">
-                <div class="col-md-6 col-xl-4">
+            <div class="row date-picker-wrapper">
+                <div class="col-12 col-md-10 col-lg-8 col-xl-7">
                     <locationAlerts cmsWidgetPrefix="LocationAlert-" ref="locationAlerts" />
                     <datePicker
                         :currentZip="zipCode"
@@ -1748,7 +1747,7 @@ export default {
 </script>
 
 <style lang="scss">
-.container-fluid {
+.container {
     &.page-schedule {
         padding: 0 1rem;
         .text-link-small {
@@ -1785,6 +1784,10 @@ export default {
             padding: 0 0.75rem;
         }
     }
+    .question-text > span {
+        display: flex;
+        justify-content: flex-start;
+    }
 }
 .shop-question-button .list-button-content {
     background: $blue-100;

From 81daa44e57587f52a439feeb90bf72fabde26e31 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Thu, 31 Jul 2025 11:30:32 -0400
Subject: [PATCH 2/6] CASH-1043 schedule page updates.

---
 src/digital-components/date-picker/date-picker.vue | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/digital-components/date-picker/date-picker.vue b/src/digital-components/date-picker/date-picker.vue
index 2506eb18c..fa8c9d218 100644
--- a/src/digital-components/date-picker/date-picker.vue
+++ b/src/digital-components/date-picker/date-picker.vue
@@ -1421,7 +1421,6 @@ export default {
                     font-weight: 600;
                     font-family: "UrbanistSemibold";
                     color: $black;
-                    font-size-adjust: 0.5; // needed for Averta fonts baseline alignment
                 }
             }
         }
@@ -1432,7 +1431,6 @@ export default {
                     color: $black;
                     font-weight: 400;
                     font-family: "UrbanistSemibold";
-                    font-size-adjust: 0.5; // needed for Averta fonts baseline alignment
 
                     &.price {
                         font-weight: 400;

From 385b7e747f96178b14549b0bf4a91dd1cd5eb61a Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Fri, 1 Aug 2025 10:31:04 -0400
Subject: [PATCH 3/6] CASH-1048 center modal on quote page.

---
 src/digital-components/modal/modal.vue |  3 ++-
 src/layouts/quote/quote.vue            | 31 ++++++++++++++++++++++++++
 2 files changed, 33 insertions(+), 1 deletion(-)

diff --git a/src/digital-components/modal/modal.vue b/src/digital-components/modal/modal.vue
index 16b259547..a96e25a5f 100644
--- a/src/digital-components/modal/modal.vue
+++ b/src/digital-components/modal/modal.vue
@@ -9,7 +9,8 @@
         tabindex="-1"
         aria-labelledby="ModalComponentLabel"
         @keypress.enter="onEnter"
-        aria-hidden="true">
+        aria-hidden="true"
+        @click.self="closeModal">
         <div class="modal-dialog modal-dialog-centered">
             <div class="modal-content">
                 <div class="modal-header mb-0 mt-6">
diff --git a/src/layouts/quote/quote.vue b/src/layouts/quote/quote.vue
index ff8bc0c61..ad754c815 100644
--- a/src/layouts/quote/quote.vue
+++ b/src/layouts/quote/quote.vue
@@ -922,6 +922,37 @@ export default {
             width: -moz-available;
         }
     }
+    //Save email modal ONLY centered on screen for quote page only
+    .save-progress-popup-question {
+        :deep(.modal-component) {
+            .modal-dialog {
+                max-width: 767px;
+                margin: 0 auto;
+                @include media-breakpoint-up(md) {
+                    width: 50%;
+                    max-width: 600px;
+                    top: 0;
+                    right: 0;
+                    left: 0;
+                    transform: none;
+                }
+                .modal-content {
+                    @include media-breakpoint-up(md) {
+                        box-shadow: none;
+                        border-radius: 0;
+                        margin: auto;
+                        height: auto;
+                        border-radius: 0.5rem;
+                    }
+                }
+            }
+            .modal-footer {
+                button.btn.skip-button {
+                    margin: 0 auto;
+                }
+            }
+        }
+    }
 }
 .quote-page.show-save-progress-popup .row.justify-content-center {
     display: none;

From 7fce2e5b5eb6c5902308450cdb03e3c159aab738 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Fri, 1 Aug 2025 10:32:50 -0400
Subject: [PATCH 4/6] CASH-1048 add comment.

---
 src/digital-components/modal/modal.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/digital-components/modal/modal.vue b/src/digital-components/modal/modal.vue
index a96e25a5f..69015ae36 100644
--- a/src/digital-components/modal/modal.vue
+++ b/src/digital-components/modal/modal.vue
@@ -10,7 +10,7 @@
         aria-labelledby="ModalComponentLabel"
         @keypress.enter="onEnter"
         aria-hidden="true"
-        @click.self="closeModal">
+        @click.self="closeModal"> <!--Close modal when clicking other than close button-->
         <div class="modal-dialog modal-dialog-centered">
             <div class="modal-content">
                 <div class="modal-header mb-0 mt-6">

From 4029d9c089d72afd19b3e55d942521e6329d191e Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Fri, 1 Aug 2025 10:45:51 -0400
Subject: [PATCH 5/6] CASH-1048 format code.

---
 src/digital-components/modal/modal.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/digital-components/modal/modal.vue b/src/digital-components/modal/modal.vue
index 69015ae36..823471715 100644
--- a/src/digital-components/modal/modal.vue
+++ b/src/digital-components/modal/modal.vue
@@ -10,7 +10,8 @@
         aria-labelledby="ModalComponentLabel"
         @keypress.enter="onEnter"
         aria-hidden="true"
-        @click.self="closeModal"> <!--Close modal when clicking other than close button-->
+        @click.self="closeModal">
+        <!--Close modal when clicking other than close button-->
         <div class="modal-dialog modal-dialog-centered">
             <div class="modal-content">
                 <div class="modal-header mb-0 mt-6">

From 0e2b29d803a6161268922649327ba189e3e57b16 Mon Sep 17 00:00:00 2001
From: Johnny shultz <John.Shultz@safelite.com>
Date: Fri, 1 Aug 2025 13:14:43 -0400
Subject: [PATCH 6/6] CASH-1182

CASH-1182 formatting and removed unused css
---
 src/layouts/schedule/schedule.vue | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/layouts/schedule/schedule.vue b/src/layouts/schedule/schedule.vue
index 4be8c59e9..241df49cd 100644
--- a/src/layouts/schedule/schedule.vue
+++ b/src/layouts/schedule/schedule.vue
@@ -1798,13 +1798,8 @@ export default {
     background: $blue-100;
     box-shadow: 0 0 0 1px $primary;
 }
-.schedule-header {
-    font-weight: 400;
-    font-size: 20px;
-    text-align: left;
-}
 
-.container .row .col-12 .alert-success .alert-heading{
+.container .row .col-12 .alert-success .alert-heading {
     color: $black;
     font-weight: 600;
 }