diff --git a/src/constants/progress-bar-mapper.js b/src/constants/progress-bar-mapper.js index 873549bdf..7c2aa4891 100644 --- a/src/constants/progress-bar-mapper.js +++ b/src/constants/progress-bar-mapper.js @@ -1,11 +1,11 @@ export const pageProgressMapper = { //Combine progress bar slide percent and button steps vehicle: { - percent: 10, + percent: 8, step: 1, }, "vehicle-damage": { - percent: 14, + percent: 11, step: 1, }, estimate: { @@ -49,7 +49,7 @@ export const pageProgressMapper = { step: 1, }, quote: { - percent: 39, //The first Step 2 must be 39 so the animated bar lines up with the dot + percent: 62, step: 2, }, "insurance-company": { @@ -61,7 +61,7 @@ export const pageProgressMapper = { step: 2, }, schedule: { - percent: 70.5, //The first Step 3 must be 70.5 so the animated bar lines up with the dot + percent: 76, step: 3, }, "mobile-details": { @@ -73,7 +73,7 @@ export const pageProgressMapper = { step: 3, }, "payment-method": { - percent: 97, //The first Step 4 must be 97 so the animated bar lines up with the dot + percent: 97, step: 4, }, payment: { diff --git a/src/experiment-components/service-package-radio-for-afterpay.vue b/src/experiment-components/service-package-radio-for-afterpay.vue index 3b23824d8..9ccfa31f9 100644 --- a/src/experiment-components/service-package-radio-for-afterpay.vue +++ b/src/experiment-components/service-package-radio-for-afterpay.vue @@ -219,11 +219,6 @@ export default { &.has-subheader { & > .package-specs { display: inline-flex; - @include media-breakpoint-up(lg) { - & > div:first-of-type { - display: flex; - } - } } } diff --git a/src/experiment-components/service-package-radio.vue b/src/experiment-components/service-package-radio.vue index bee29afd8..ee7e12712 100644 --- a/src/experiment-components/service-package-radio.vue +++ b/src/experiment-components/service-package-radio.vue @@ -291,6 +291,12 @@ export default { height: 10px; min-width: 10px; } + + &.has-subheader { + & > .package-specs { + display: inline-flex; + } + } } &:hover {