From a03e24526ab4574dd8b63fad3229033d4961ce9c Mon Sep 17 00:00:00 2001
From: Max <maxwell.dempsey@safelite.com>
Date: Tue, 23 Nov 2021 11:46:25 -0500
Subject: [PATCH] Styling and structure updates

---
 .../radio-question/radio-question.vue         |  4 +-
 src/layouts/vehicle-year/vehicle-year.vue     | 12 ++++++
 src/store/store.spec.js                       |  2 +-
 .../ymms-common-styles.scss                   | 41 -------------------
 src/styles/common-typography-styles.scss      | 12 ++++++
 vue.config.js                                 |  1 -
 vue.release.config.js                         |  1 -
 7 files changed, 27 insertions(+), 46 deletions(-)
 delete mode 100644 src/styles/common-component-styles/ymms-common-styles.scss

diff --git a/src/common-components/radio-question/radio-question.vue b/src/common-components/radio-question/radio-question.vue
index 2fb50f018..d17020dfc 100644
--- a/src/common-components/radio-question/radio-question.vue
+++ b/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>
\ No newline at end of file
diff --git a/src/layouts/vehicle-year/vehicle-year.vue b/src/layouts/vehicle-year/vehicle-year.vue
index 0f40a57b6..5591b9f07 100644
--- a/src/layouts/vehicle-year/vehicle-year.vue
+++ b/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>
\ No newline at end of file
diff --git a/src/store/store.spec.js b/src/store/store.spec.js
index f14a96f8b..8b5f67deb 100644
--- a/src/store/store.spec.js
+++ b/src/store/store.spec.js
@@ -82,6 +82,6 @@ describe("Actions", () => {
         });
 
         // Assert
-        expect(pageData[0].Type).toBe('PageConfigWidget');
+        expect(pageData[0].Type).toBe('PageHeaderWidget');
     });
 })
\ No newline at end of file
diff --git a/src/styles/common-component-styles/ymms-common-styles.scss b/src/styles/common-component-styles/ymms-common-styles.scss
deleted file mode 100644
index 7fd2a4f18..000000000
--- a/src/styles/common-component-styles/ymms-common-styles.scss
+++ /dev/null
@@ -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;
-}
\ No newline at end of file
diff --git a/src/styles/common-typography-styles.scss b/src/styles/common-typography-styles.scss
index 37081a8a4..05af0defc 100644
--- a/src/styles/common-typography-styles.scss
+++ b/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;
+}
\ No newline at end of file
diff --git a/vue.config.js b/vue.config.js
index d54265f0c..e4497b244 100644
--- a/vue.config.js
+++ b/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";
         `,
       },
     },
diff --git a/vue.release.config.js b/vue.release.config.js
index f85e8ffa8..3e01ceeb2 100644
--- a/vue.release.config.js
+++ b/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";
         `,
       },
     },