From 4050f7faa1ae18043ca6673de78e1ad80bd6855d Mon Sep 17 00:00:00 2001
From: bmauger <mauger.bryan@gmail.com>
Date: Tue, 21 Dec 2021 12:58:47 -0500
Subject: [PATCH] Update back button to remove text as link.

Add padding around back button.
---
 .../funnel-sub-header/funnel-sub-header.vue               | 6 +++---
 src/layouts/component-test/component-test.vue             | 3 +--
 src/ux-components/button-back/button-back.vue             | 8 ++++----
 3 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/common-components/funnel-sub-header/funnel-sub-header.vue b/src/common-components/funnel-sub-header/funnel-sub-header.vue
index 65b4f07de..4f18a8416 100644
--- a/src/common-components/funnel-sub-header/funnel-sub-header.vue
+++ b/src/common-components/funnel-sub-header/funnel-sub-header.vue
@@ -2,9 +2,9 @@
   <div class="current_car_info-text">
     <div class="d-flex align-items-center justify-content-center">
       <h2 class="text-center fs-5 d-block fw-normal mb-0">
-        <button v-if="hasBackButton && backButtonAction" @click="backButtonAction">
+        <p class="m-0" v-if="hasBackButton">
           {{ text }}
-        </button>
+        </p>
         <span v-else>
           {{ text }}
         </span>
@@ -48,6 +48,6 @@ export default {
     }
   }
   .back-button-wrapper {
-    margin-left: .25rem;
+    margin-left: 0;
   }
 </style>
diff --git a/src/layouts/component-test/component-test.vue b/src/layouts/component-test/component-test.vue
index 35a8c2a2d..3ca8a3eda 100644
--- a/src/layouts/component-test/component-test.vue
+++ b/src/layouts/component-test/component-test.vue
@@ -39,7 +39,7 @@
     </div>
     <div class="row">
       <div class="col my-3 d-flex align-items-center">
-        <buttonBack 
+        <buttonBack
           backButtonUrl="#"
           backButtonAccessibleText="Back button label"
         />
@@ -618,7 +618,6 @@ export default {
     alert,
     vehicleBanner,
     listButtonHorizontal,
-    siteHeader,
     checkbox,
     funnelHeader,
   },
diff --git a/src/ux-components/button-back/button-back.vue b/src/ux-components/button-back/button-back.vue
index 92145ac87..6a75ac02e 100644
--- a/src/ux-components/button-back/button-back.vue
+++ b/src/ux-components/button-back/button-back.vue
@@ -1,8 +1,8 @@
 <template>
-  <button 
-    v-if="backButtonAction" 
-    @click="backButtonAction" 
-    class="back-button-wrapper d-flex p-0" 
+  <button
+    v-if="backButtonAction"
+    @click="backButtonAction"
+    class="back-button-wrapper d-flex p-3" 
     :aria-label="backButtonAccessibleText"
   >
     <div class="button-back">