From 215cd0003da06337b5084df054adab3d5a5d856d Mon Sep 17 00:00:00 2001
From: Johnny shultz <John.Shultz@safelite.com>
Date: Fri, 1 Aug 2025 09:36:51 -0400
Subject: [PATCH] CASH-1182

CASH-1182 updated cms, font stylings
---
 .../date-picker/date-picker.vue               |  2 ++
 src/layouts/schedule/schedule.vue             | 19 ++++++++++++++++---
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/digital-components/date-picker/date-picker.vue b/src/digital-components/date-picker/date-picker.vue
index f8b5496fe..65870270c 100644
--- a/src/digital-components/date-picker/date-picker.vue
+++ b/src/digital-components/date-picker/date-picker.vue
@@ -1026,6 +1026,8 @@ export default {
     flex-grow: 0;
     display: flex;
     flex-direction: column;
+    align-items: flex-start;
+    text-align: left;
 
     .date-picker-header {
         margin-bottom: 1.5rem;
diff --git a/src/layouts/schedule/schedule.vue b/src/layouts/schedule/schedule.vue
index f060debac..4032e0de6 100644
--- a/src/layouts/schedule/schedule.vue
+++ b/src/layouts/schedule/schedule.vue
@@ -45,7 +45,8 @@
                 </div>
             </div>
             <div class="row justify-content-left appointment-type">
-                <div class="col-md-6">
+                <div class="col-12 col-md-10 col-lg-8 col-xl-7">
+                    <funnelSubHeader cmsWidgetName="ScheduleYourServiceWidget" class="mt-4" />
                     <appointmentTypeQuestion
                         v-model="appointmentTypeFromAppointmentTypeQuestion"
                         v-show="isAppointmentTypeDisplayed"
@@ -61,7 +62,9 @@
                         labelBold="true" />
                 </div>
             </div>
-            <div class="col-12 col-md-10 col-lg-8 col-xl-7">
+            <div
+                v-if="appointmentType && appointmentType === appointmentTypeStrings.MOBILE"
+                class="col-12 col-md-10 col-lg-8 col-xl-7">
                 <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="mt-4" />
                 <serviceZipModalQuestion
                     editScreenReaderTextCmsWidgetName="ScreenReaderZipEditWidget"
@@ -116,7 +119,7 @@
                 </div>
             </div>
             <div class="row justify-content-left date-picker-wrapper">
-                <div class="col-md-6 col-xl-4">
+                <div class="col-12 col-md-10 col-lg-8 col-xl-7">
                     <locationAlerts cmsWidgetPrefix="LocationAlert-" ref="locationAlerts" />
                     <datePicker
                         :currentZip="zipCode"
@@ -1792,4 +1795,14 @@ 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{
+    color: $black;
+    font-weight: 600;
+}
 </style>