diff --git a/src/constants/progress-bar-mapper.js b/src/constants/progress-bar-mapper.js index 4a823cdc3..cb12e2e39 100644 --- a/src/constants/progress-bar-mapper.js +++ b/src/constants/progress-bar-mapper.js @@ -73,11 +73,11 @@ export const pageProgressMapper = { step: 3, }, "payment-method": { - percent: 92, //The first Step 4 must be 92 so the animated bar lines up with the dot + percent: 97, //The first Step 4 must be 92 so the animated bar lines up with the dot step: 4, }, payment: { - percent: 96, + percent: 98.5, step: 4, }, confirmation: { diff --git a/src/layouts/payment-method/payment-method-question/payment-method-list-button/payment-method-list-button.vue b/src/layouts/payment-method/payment-method-question/payment-method-list-button/payment-method-list-button.vue index 9d93c2efe..46978ce9d 100644 --- a/src/layouts/payment-method/payment-method-question/payment-method-list-button/payment-method-list-button.vue +++ b/src/layouts/payment-method/payment-method-question/payment-method-list-button/payment-method-list-button.vue @@ -108,7 +108,7 @@ export default { position: relative; background: $white; transition: all 150ms linear; - border-radius: $border-radius-lg; + border-radius: 50rem; border: 1px solid $gray-500; width: 100%; outline: none; diff --git a/src/layouts/quote/quote.vue b/src/layouts/quote/quote.vue index 17d6ceceb..cebfb4f80 100644 --- a/src/layouts/quote/quote.vue +++ b/src/layouts/quote/quote.vue @@ -624,7 +624,7 @@ export default { if (this.packageNumber > 2) { return "col-xl-12"; } else { - return "col-xl-6"; + return "col-xl-10"; } }, currentNumberOfPackagesAction(packageNumber) { diff --git a/src/layouts/vehicle-damage/vehicle-damage.vue b/src/layouts/vehicle-damage/vehicle-damage.vue index 9cf9f69fd..08bab9edb 100644 --- a/src/layouts/vehicle-damage/vehicle-damage.vue +++ b/src/layouts/vehicle-damage/vehicle-damage.vue @@ -761,6 +761,18 @@ export default { } } .replace-options-question { + .base-input-button:not(.has-error):hover.list-card:not(.selected) { + border-radius: 50rem; + } + .button-question { + label { + &.list-card, + &.list-card input[type=checkbox]:checked + .list-card-content, + &.list-card input[type=radio]:checked + .list-card-content { + border-radius: 50rem; + } + } + } .question-text { margin: 1rem 0 0 0; @include media-breakpoint-up(md) { diff --git a/src/layouts/vehicle-parts/vehicle-parts.vue b/src/layouts/vehicle-parts/vehicle-parts.vue index efef1bb6c..9ee5721bf 100644 --- a/src/layouts/vehicle-parts/vehicle-parts.vue +++ b/src/layouts/vehicle-parts/vehicle-parts.vue @@ -242,6 +242,7 @@ export default { label { &.list-card { height: auto; + border-radius: 50rem; } } .two-list-card-width {