diff --git a/src/experiment-components/service-package-radio-for-afterpay.vue b/src/experiment-components/service-package-radio-for-afterpay.vue index 120975d9b..9663addfa 100644 --- a/src/experiment-components/service-package-radio-for-afterpay.vue +++ b/src/experiment-components/service-package-radio-for-afterpay.vue @@ -218,14 +218,17 @@ export default { &.has-subheader { & > .package-specs { - & > div:first-of-type { - display: flex; + display: inline-flex; + @include media-breakpoint-up(md) { + & > div:first-of-type { + display: flex; + } } } } &.has-package-discount { - min-height: 150px; + min-height: 170px; } &:before { @@ -267,10 +270,6 @@ export default { + .package-label { .package-specs { max-height: 1000px; - - .sub-label { - background-color: $green-200; - } } } + .package-label { @@ -281,11 +280,10 @@ export default { } } + .package-label { - background-color: $blue-100; border: 1px solid $blue; max-height: 500px; .special-save-box { - background-color: $green-200; + background-color: $green-100; } } + .package-label { @@ -336,12 +334,16 @@ export default { &.sub-label { color: $green; - background-color: $green-100; - padding: 0.25rem 0.5rem; - border-radius: 0.75rem; + + padding: 0.25rem 0; text-transform: uppercase; font-size: 0.75rem; margin-left: auto; + @include media-breakpoint-up(md) { + background-color: $green-100; + padding: 0.25rem 0.5rem; + border-radius: 0.75rem; + } } } span { @@ -429,14 +431,17 @@ export default { background-color: $green-100; display: flex; flex-direction: row; - margin: 0.5rem auto 1rem -1.25rem; - padding: 0.5rem 1rem; + margin: 0.25rem auto 0 -1.25rem; + padding: 0.25rem 1rem; border-radius: 0.25rem; span { color: $green; font-size: 0.875rem; font-weight: 600; } + @include media-breakpoint-up(md) { + margin: 1rem auto 0 -1.25rem; + } } .pricing-info { color: $green; @@ -447,6 +452,7 @@ export default { margin-left: 1.25rem; font-weight: 600; line-height: 20px; + font-size: 1.25rem; span.strikethrough-price { text-decoration: line-through; diff --git a/src/experiment-components/service-package-radio.vue b/src/experiment-components/service-package-radio.vue index bc68b5990..bee29afd8 100644 --- a/src/experiment-components/service-package-radio.vue +++ b/src/experiment-components/service-package-radio.vue @@ -318,7 +318,6 @@ export default { } } + .package-label { - background-color: $blue-100; border: 1px solid $blue; max-height: 500px; .special-save-box { diff --git a/src/fmg-components/nav-bar/nav-bar.vue b/src/fmg-components/nav-bar/nav-bar.vue index cecb84e41..6b0397762 100644 --- a/src/fmg-components/nav-bar/nav-bar.vue +++ b/src/fmg-components/nav-bar/nav-bar.vue @@ -14,7 +14,7 @@
-
+
-
+
-
+
@@ -78,7 +78,8 @@ :isForwardActionDisabled="!meta.valid" :isBackButtonHidden="shouldHideBackButton" @back-clicked="backButtonAction" - @ForwardClicked="forwardButtonAction" /> + @ForwardClicked="forwardButtonAction" + :overrideButtonText="isInsuranceSelected ? isInsuranceContinueButtonText : ''" /> 2) { - return "col-xl-10"; + return "col-xl-12"; } else { return "col-xl-6"; } 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 085e047b2..9518b42fa 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 @@ -246,7 +246,6 @@ export default { } } + .package-label { - background-color: $blue-100; border: 1px solid $blue; max-height: 500px; .special-save-box { diff --git a/src/ux-components/list-button-horizontal/list-button-horizontal.vue b/src/ux-components/list-button-horizontal/list-button-horizontal.vue index 5f06f9d7d..c00f1fce2 100644 --- a/src/ux-components/list-button-horizontal/list-button-horizontal.vue +++ b/src/ux-components/list-button-horizontal/list-button-horizontal.vue @@ -135,7 +135,7 @@ export default { outline: none; box-shadow: none; color: $white; - background: linear-gradient(84.45deg, #125b7e 0%, #3b8fb8 100%); + background: $blue; border-radius: 0.5rem; z-index: 2; }