Merge pull request #2741 from Safelite/CASH-1327-fix-two-package-layout

Cash 1327 fix two package layout

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 97 so the animated bar lines up with the dot
         step: 4,
     },
     payment: {
-        percent: 96,
+        percent: 98.5,
         step: 4,
     },
     confirmation: {

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;

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) {

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) {

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 {