diff --git a/src/digital-components/date-picker/date-picker.vue b/src/digital-components/date-picker/date-picker.vue index ea1d94ca0..1a3080286 100644 --- a/src/digital-components/date-picker/date-picker.vue +++ b/src/digital-components/date-picker/date-picker.vue @@ -1039,6 +1039,7 @@ export default { fieldset { flex-grow: 1; position: relative; + width: 100%; .view-more-dates { color: $blue; diff --git a/src/experiment-components/service-package-radio-for-afterpay.vue b/src/experiment-components/service-package-radio-for-afterpay.vue index e3c9d3ae0..3b23824d8 100644 --- a/src/experiment-components/service-package-radio-for-afterpay.vue +++ b/src/experiment-components/service-package-radio-for-afterpay.vue @@ -219,7 +219,7 @@ export default { &.has-subheader { & > .package-specs { display: inline-flex; - @include media-breakpoint-up(md) { + @include media-breakpoint-up(lg) { & > div:first-of-type { display: flex; } @@ -335,6 +335,9 @@ export default { justify-content: space-between; align-items: center; white-space: nowrap; + @include media-breakpoint-up(md) { + display: inline-flex; + } &.sub-label { color: $green; @@ -374,6 +377,8 @@ export default { } div.discount-price { color: $green; + font-family: UrbanistSemibold, Arial, Helvetica, sans-serif; + font-weight: 600; } @include media-breakpoint-up(md) { position: absolute; @@ -457,6 +462,8 @@ export default { font-weight: 600; line-height: 20px; font-size: 1.25rem; + font-family: UrbanistSemibold, Arial, Helvetica, sans-serif; + font-weight: 600; span.strikethrough-price { text-decoration: line-through; diff --git a/src/layouts/quote/quote.vue b/src/layouts/quote/quote.vue index 212b6f109..b74e34829 100644 --- a/src/layouts/quote/quote.vue +++ b/src/layouts/quote/quote.vue @@ -903,7 +903,7 @@ export default { padding-bottom: 2rem; :deep(.nav-bar) { position: initial; - button { + button.btn { width: 100%; justify-content: center; } diff --git a/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue b/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue index 42741a03a..441a4f5cb 100644 --- a/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue +++ b/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue @@ -314,13 +314,14 @@ export default { &.pricing-info { color: $green; font-size: 0.875rem; + font-family: UrbanistSemibold, Arial, Helvetica, sans-serif; + font-weight: 600; @include media-breakpoint-up(md) { position: absolute; bottom: 0.75rem; left: 0; width: 100%; margin-left: 1.25rem; - font-weight: 600; } span.strikethrough-price { text-decoration: line-through;