Merge pull request #1026 from Safelite/feature/kroell/UI-fix

INSR-7765: scoped style changes / progress bar update

src/constants/progress-bar-mapper.js

@@ -6,10 +6,10 @@ export const pageProgressMapper = {
         percent: 15
     },
     'policy-vehicles': {
-        percent: 15
+        percent: 20
     },
     'policy-endorsements': {
-        percent: 15
+        percent: 20
     },
     'vehicle-selection': {
         percent: 20

src/layouts/policy-vehicles/policy-vehicles.vue

@@ -297,7 +297,7 @@ export default {
     }
 };
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .iss-heritage-container-width {
     .policy-vehicles-container {
         position: relative;
@@ -305,31 +305,17 @@ export default {
         padding-left: .9375rem;
         padding-right: .9375rem;
 
-        .subheader-secondary p {
+        :deep(.subheader-secondary p) {
+            text-align: left;
+        }
+
+        :deep(span.small) {
+            font-size: 1rem;
+        }
+
+        :deep(.form-test-error) {
             text-align: left;
         }
     }
 }
-
-.policy-vehicles {
-    .button-question {
-        .question-text {
-            margin: 1rem 0;
-            span {
-                font-size: 1rem;
-                font-weight: 500;
-                line-height: 1.5rem;
-            }
-        }
-    }
-    .form-test-error {
-        text-align: left
-    }
-}
-
-.list-button-content {
-    span.small {
-        font-size: 1rem;
-    }
-}
 </style>