Styling and structure updates

src/common-components/radio-question/radio-question.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="radio_question">
-    <div class="needed_car_info d-flex mt-4 mb-3">
+    <div class="needed_car_info mt-4 mb-3 d-flex">
       <span class="text-center fs-6 fw-bold w-100 needed_car_info-text">{{
         questionText
       }}</span>
@@ -31,4 +31,4 @@ export default {
     radio,
   },
 };
-</script>
+</script>

src/layouts/vehicle-year/vehicle-year.vue

@@ -32,3 +32,15 @@ export default {
     },
 };
 </script>
+
+<style lang="scss">
+    .select-car {
+        height: calc(100vh - 1rem);
+
+        .car_list {
+        // Height will be determined by overall height of content above list
+        height: calc(100% - 110px);
+        width: calc(100% - 1rem);
+        }
+    }
+</style>

src/store/store.spec.js

@@ -82,6 +82,6 @@ describe("Actions", () => {
         });
 
         // Assert
-        expect(pageData[0].Type).toBe('PageConfigWidget');
+        expect(pageData[0].Type).toBe('PageHeaderWidget');
     });
 })

src/styles/common-component-styles/ymms-common-styles.scss

@@ -1,41 +0,0 @@
-.select-car {
-    height: calc(100vh - 1rem);
-
-    .car_list {
-      // Height will be determined by overall height of content above list
-      height: calc(100% - 100px);
-      width: calc(100% - 1rem);
-    }
-}
-  
-// Animations
-.slide-enter-from {
-  opacity: 0;
-  transform: translateX(30vw);
-}
-.slide-enter-active, .slide-leave-active {
-  transition: all .4s;
-}
-.slide-leave-to {
-  opacity: 0;
-  transform: translateX(-30vw);
-}
-
-.slide_reverse-enter-from {
-  opacity: 0;
-  transform: translateX(-30vw);
-}
-.slide_reverse-enter-active, .slide_reverse-leave-active {
-  transition: all .4s;
-}
-.slide_reverse-leave-to {
-  opacity: 0;
-  transform: translateX(30vw);
-}
-
-.fade-enter-from, .fade-leave-to {
-  opacity: 0;
-}
-.fade-enter-active, .fade-leave-active {
-  transition: all .5s ease;
-}

src/styles/common-typography-styles.scss

@@ -43,3 +43,15 @@ caption {
   line-height: 1.7;
   font-weight: 400;
 }
+
+
+// Font size
+.fs-5 {
+  line-height: 2;
+}
+
+.fs-6 {
+  font-size: 1rem !important;
+  line-height: 1.4;
+  font-weight: 500;
+}

vue.config.js

@@ -18,7 +18,6 @@ module.exports = {
         @import "@/styles/common-button-styles.scss";
         @import "@/styles/common-radio-styles.scss";
         @import "@/styles/common-typography-styles.scss";
-        @import "@/styles/common-component-styles/ymms-common-styles.scss";
         `,
       },
     },

vue.release.config.js

@@ -17,7 +17,6 @@ module.exports = {
         @import "@/styles/common-button-styles.scss";
         @import "@/styles/common-radio-styles.scss";
         @import "@/styles/common-typography-styles.scss";
-        @import "@/styles/common-component-styles/ymms-common-styles.scss";
         `,
       },
     },