CSR-1711 fix spacing issues.
This commit is contained in:
parent
35f30e339e
commit
b5dbb1aebf
5 changed files with 7 additions and 7 deletions
|
|
@ -1,16 +1,16 @@
|
||||||
<template>
|
<template>
|
||||||
<!-- Checkbox groups MUST be wrapped in a <fieldset> and <legend> tag -->
|
<!-- Checkbox groups MUST be wrapped in a <fieldset> and <legend> tag -->
|
||||||
<div class="form-check ui-checkbox" :class="[hasError ? 'has-error' : '']">
|
<div class="form-check ui-checkbox d-flex align-items-center" :class="[hasError ? 'has-error' : '']">
|
||||||
|
<label class="d-flex align-items-start" :for="buttonID">
|
||||||
<input
|
<input
|
||||||
v-model="value"
|
v-model="value"
|
||||||
class="form-check-input"
|
class="form-check-input me-2"
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
aria-checked="false"
|
aria-checked="false"
|
||||||
:name="checkboxName"
|
:name="checkboxName"
|
||||||
:id="buttonID"
|
:id="buttonID"
|
||||||
:tabindex="tabIndex"
|
:tabindex="tabIndex"
|
||||||
:aria-required="isRequired" />
|
:aria-required="isRequired" />
|
||||||
<label class="d-flex align-items-start" :for="buttonID">
|
|
||||||
<p v-html="checkboxLabelCopy" class="m-0"></p>
|
<p v-html="checkboxLabelCopy" class="m-0"></p>
|
||||||
<span v-if="screenReaderOnlyText" class="sr-only">{{ screenReaderOnlyText }}</span>
|
<span v-if="screenReaderOnlyText" class="sr-only">{{ screenReaderOnlyText }}</span>
|
||||||
</label>
|
</label>
|
||||||
|
|
|
||||||
|
|
@ -67,7 +67,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div v-show="errorMessage" class="row form-test-error">
|
<div v-show="errorMessage" class="row form-test-error">
|
||||||
<span
|
<span
|
||||||
class="d-inline-flex small my-1"
|
class="d-inline-flex small mt-1"
|
||||||
aria-atomic="true"
|
aria-atomic="true"
|
||||||
aria-live="polite"
|
aria-live="polite"
|
||||||
:class="[centerErrorMessage ? 'center-error-message' : '']"
|
:class="[centerErrorMessage ? 'center-error-message' : '']"
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="vehicle_banner mb-3 text-center">
|
<div class="vehicle_banner mb-4 text-center">
|
||||||
<img class="vehicle-image img-fluid" :src="vehicleImageToDisplay" alt="" />
|
<img class="vehicle-image img-fluid" :src="vehicleImageToDisplay" alt="" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="row justify-content-center">
|
<div class="row justify-content-center">
|
||||||
<div class="col-md-6 col-xl-4">
|
<div class="col-md-6 col-xl-4">
|
||||||
<funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="my-5" />
|
<funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="mt-4 mb-5" />
|
||||||
<textboxQuestion
|
<textboxQuestion
|
||||||
class="mb-4"
|
class="mb-4"
|
||||||
cmsWidgetName="FirstNameWidget"
|
cmsWidgetName="FirstNameWidget"
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
v-for="alert in prefixedAlertReasons"
|
v-for="alert in prefixedAlertReasons"
|
||||||
:key="alert.cmsWidgetName"
|
:key="alert.cmsWidgetName"
|
||||||
:ref="alert.cmsWidgetName"
|
:ref="alert.cmsWidgetName"
|
||||||
class="mt-2 mb-3"
|
class="mt-5 mb-4"
|
||||||
:cmsWidgetName="alert.cmsWidgetName"
|
:cmsWidgetName="alert.cmsWidgetName"
|
||||||
alertClass="alert-warning" />
|
alertClass="alert-warning" />
|
||||||
</template>
|
</template>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue