CASH-1182

CASH-1182 changed appointmentType button styling, and some semiBold font-weight adjustments

src/digital-components/date-picker/date-picker.vue

@@ -1108,10 +1108,11 @@ export default {
 
         .month-year {
             grid-area: 1 / 1 / 2 / 5;
-            font-family: UrbanistBold;
+            font-family: UrbanistSemiBold;
             color: $black;
             justify-content: left;
             margin-bottom: 0.5rem;
+            font-weight:500;
         }
         .legend {
             grid-area: 1 / 5 / 2 / 8;

src/layouts/schedule/schedule.vue

@@ -46,7 +46,7 @@
             </div>
             <div class="row appointment-type">
                 <div class="col-12 col-md-10 col-lg-8 col-xl-7">
-                    <funnelSubHeader cmsWidgetName="ScheduleYourServiceWidget" class="mt-4" />
+                    <funnelSubHeader cmsWidgetName="ScheduleYourServiceWidget" class="my-5" />
                     <appointmentTypeQuestion
                         v-model="appointmentTypeFromAppointmentTypeQuestion"
                         v-show="isAppointmentTypeDisplayed"
@@ -1789,4 +1789,29 @@ export default {
     color: $black;
     font-weight: 600;
 }
+
+.funnel-sub-header h5 {
+    font-weight: 500;
+    font-size: 1rem;
+    font-family: UrbanistSemibold;
+    span {
+        letter-spacing: 0;
+    }
+}
+
+.appointment-type .funnel-sub-header h5 {
+    font-family: UrbanistRegular;
+}
+
+.funnel-sub-header.my-5 h5 {
+    font-weight: 400;
+    font-size: 1.25rem;
+}
+
+.col-12 a {
+    font-family: UrbanistSemibold;
+    font-weight: 500;
+    line-height: 26px;
+    text-underline-offset: 4px;
+}
 </style>

src/layouts/service-location/appointment-type-question/appointment-type-question.vue

@@ -7,7 +7,6 @@
                 :questionText="questionText"
                 :answers="answersToDisplay"
                 :groupName="groupName"
-                buttonTypeString="listCard"
                 v-model="selectedValue"
                 :suppressError="suppressError"
                 :validationRules="validationRules"
@@ -134,4 +133,11 @@ export default {
         width: auto;
     }
 }
+div.appointment-type-question div.button-question div.col div.button-content{
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+}
+div.appointment-type-question div.button-question div.question-text span {
+    font-weight: 500;
+}
 </style>