diff --git a/src/layouts/service-location/shop-question/shop-list-button/shop-list-button.vue b/src/layouts/service-location/shop-question/shop-list-button/shop-list-button.vue
index 78cbd6b8b..f2c139c67 100644
--- a/src/layouts/service-location/shop-question/shop-list-button/shop-list-button.vue
+++ b/src/layouts/service-location/shop-question/shop-list-button/shop-list-button.vue
@@ -28,9 +28,9 @@
+ v-if="buttonBodyCopy"
+ class="m-0 button-label-sub-copy small"
+ v-html="buttonBodyCopy">
{{ screenReaderOnlyText }}
@@ -51,8 +51,6 @@ export default {
mixins: [inputButtonWrapperMixin],
props: {
loaderColor: String,
-
-
},
mounted() {
this.displayLoader();
@@ -67,7 +65,7 @@ export default {
badgeText: "",
availabilityRating: "None",
availabilityRatingClass: "",
- loaderPosition: "left"
+ loaderPosition: "left",
};
},
methods: {
@@ -84,13 +82,13 @@ export default {
availabilityRating: {
handler(newValue) {
if (newValue == "None") {
- this.availabilityRatingClass = "gray"
+ this.availabilityRatingClass = "gray";
} else {
this.availabilityRatingClass = newValue == "Good" ? "green" : "red";
- }
+ }
},
- immediate: true
- }
+ immediate: true,
+ },
},
components: {
loader,
@@ -155,9 +153,9 @@ export default {
display: flex;
align-items: center;
line-height: 1.5rem;
-
+
.button-label-copy {
- font-weight: 500;
+ font-weight: 500;
}
.availability-indicator {