Move alert down below text

This commit is contained in:
Bill Richardson 2026-02-27 08:41:15 -05:00
parent 0672947d5a
commit f0e294a928

View file

@ -1,11 +1,5 @@
<template> <template>
<div class="service-location"> <div class="service-location">
<alert
v-if="displayRecalibrationWarning"
ref="alertRecalNoMobile"
cmsWidgetName="AlertRecalNoMobileWidget"
alertClass="alert-warning"
@textLinkClicked="openModalAction" />
<alert <alert
v-if="displayBigTruckNoShops" v-if="displayBigTruckNoShops"
ref="alertBigTruckNoShops" ref="alertBigTruckNoShops"
@ -19,6 +13,12 @@
<span <span
v-if="!requiresInshopRecalibration">{{ appointmentQuestionText }}</span> v-if="!requiresInshopRecalibration">{{ appointmentQuestionText }}</span>
</div> </div>
<alert
v-if="displayRecalibrationWarning"
ref="alertRecalNoMobile"
cmsWidgetName="AlertRecalNoMobileWidget"
alertClass="alert-warning"
@textLinkClicked="openModalAction" />
<alert <alert
v-if="displayServiceableInshopOnly" v-if="displayServiceableInshopOnly"
ref="alertInshopOnly" ref="alertInshopOnly"
@ -619,7 +619,7 @@ $page-side-padding: 1.5rem;
} }
} }
div.alert { div.alert {
margin-top: 0.625rem; margin-top: 1.25rem;
&.widget-name-AlertLowAvailabilityInshopWidget { &.widget-name-AlertLowAvailabilityInshopWidget {
@include media-breakpoint-up(xs) { @include media-breakpoint-up(xs) {