Update back button to remove text as link.

Add padding around back button.
This commit is contained in:
bmauger 2021-12-21 12:58:47 -05:00
parent 28628d23b8
commit 4050f7faa1
3 changed files with 8 additions and 9 deletions

View file

@ -2,9 +2,9 @@
<div class="current_car_info-text"> <div class="current_car_info-text">
<div class="d-flex align-items-center justify-content-center"> <div class="d-flex align-items-center justify-content-center">
<h2 class="text-center fs-5 d-block fw-normal mb-0"> <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 }} {{ text }}
</button> </p>
<span v-else> <span v-else>
{{ text }} {{ text }}
</span> </span>
@ -48,6 +48,6 @@ export default {
} }
} }
.back-button-wrapper { .back-button-wrapper {
margin-left: .25rem; margin-left: 0;
} }
</style> </style>

View file

@ -618,7 +618,6 @@ export default {
alert, alert,
vehicleBanner, vehicleBanner,
listButtonHorizontal, listButtonHorizontal,
siteHeader,
checkbox, checkbox,
funnelHeader, funnelHeader,
}, },

View file

@ -2,7 +2,7 @@
<button <button
v-if="backButtonAction" v-if="backButtonAction"
@click="backButtonAction" @click="backButtonAction"
class="back-button-wrapper d-flex p-0" class="back-button-wrapper d-flex p-3"
:aria-label="backButtonAccessibleText" :aria-label="backButtonAccessibleText"
> >
<div class="button-back"> <div class="button-back">