From 888022240bffcbe44a10257c47a082806a969dea Mon Sep 17 00:00:00 2001
From: Jason Wheeler <jason.wheeler@safelite.com>
Date: Mon, 26 Sep 2022 10:29:38 -0400
Subject: [PATCH] moved fade-on-route-transition class to a parent div

---
 src/layouts/vehicle-year/vehicle-year.vue |  6 ++++--
 src/layouts/welcome-page/welcome-page.vue | 10 ++++++----
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/layouts/vehicle-year/vehicle-year.vue b/src/layouts/vehicle-year/vehicle-year.vue
index 25b259d9..29d5a40b 100644
--- a/src/layouts/vehicle-year/vehicle-year.vue
+++ b/src/layouts/vehicle-year/vehicle-year.vue
@@ -1,7 +1,9 @@
 <template>
 <div>
-    <navButton type="button" text="back" :scenario="this.navigationScenarios.CLICKED_BACK"></navButton>
-    <p class="fade-on-route-transition">Vehicle Year Placeholder</p>
+    <div class="fade-on-route-transition">
+        <navButton type="button" text="back" :scenario="this.navigationScenarios.CLICKED_BACK"></navButton>
+        <p>Vehicle Year Placeholder</p>
+    </div>
 </div>
 </template>
 
diff --git a/src/layouts/welcome-page/welcome-page.vue b/src/layouts/welcome-page/welcome-page.vue
index c205b19a..b97c58bc 100644
--- a/src/layouts/welcome-page/welcome-page.vue
+++ b/src/layouts/welcome-page/welcome-page.vue
@@ -1,9 +1,11 @@
 <template>
 <div>
-    <p class="fade-on-route-transition">Welcome Page Placeholder</p>
-    <br />
-    <navButton type="button" text="Next" :scenario="this.navigationScenarios.CLICKED_FORWARD"></navButton>
-    <navButton text="Google" :scenario="this.navigationScenarios.CLICKED_TEST"></navButton>
+    <div class="fade-on-route-transition">
+        <p>Welcome Page Placeholder</p>
+        <br />
+        <navButton type="button" text="Next" :scenario="this.navigationScenarios.CLICKED_FORWARD"></navButton>
+        <navButton text="Google" :scenario="this.navigationScenarios.CLICKED_TEST"></navButton>
+    </div>
 </div>
 </template>