diff --git a/src/digital-components/date-picker/date-picker.vue b/src/digital-components/date-picker/date-picker.vue index dfe602a61..1a7df91e0 100644 --- a/src/digital-components/date-picker/date-picker.vue +++ b/src/digital-components/date-picker/date-picker.vue @@ -853,7 +853,7 @@ export default { } } .calendar-grid-container { - margin: 0 auto 2rem auto; + margin: 0 auto 1rem auto; max-width: 400px; position: relative; transition: @@ -1075,12 +1075,16 @@ export default { border-radius: 50%; background-color: $black; position: absolute; - top: 28px; + top: 1.875rem; } .first-day { color: $blue; } } + input[type="radio"]:checked + label:after { + background-color: $black; + top: 2rem; + } } } @@ -1206,6 +1210,7 @@ export default { } } label { + color: $gray-500; flex-direction: column; height: 2.5rem; width: 100%; @@ -1228,10 +1233,11 @@ export default { } } &.current-day { - label:after { - margin-top: -0.25rem; - position: relative; - top: 0.5rem; + label { + font-weight: 600; + font-family: "AvertaSemibold"; + color: $black; + font-size-adjust: 0.5; // needed for Averta fonts baseline alignment } } } @@ -1242,6 +1248,7 @@ export default { color: $black; font-weight: 400; font-family: "AvertaSemibold"; + font-size-adjust: 0.5; // needed for Averta fonts baseline alignment &.price { font-family: "AvertaRegular"; diff --git a/src/layouts/schedule/time-slot-question/time-slot-question.vue b/src/layouts/schedule/time-slot-question/time-slot-question.vue index 72a712552..c86974d3c 100644 --- a/src/layouts/schedule/time-slot-question/time-slot-question.vue +++ b/src/layouts/schedule/time-slot-question/time-slot-question.vue @@ -40,10 +40,7 @@ v-model="waitListRequested" @click="waitListChecked" /> -
+
@@ -574,7 +571,7 @@ export default { line-height: 1.5rem; font-size: 0.875rem; text-align: left; - margin: 1.25rem 0 1.5rem; + margin: 1rem 0 1.5rem; li strong { font-weight: bold; }