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 {