CSR-1711 fix spacing issues.

src/digital-components/checkbox-question/checkbox-question.vue

@@ -1,16 +1,16 @@
 <template>
     <!-- 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
             v-model="value"
-            class="form-check-input"
+            class="form-check-input me-2"
             type="checkbox"
             aria-checked="false"
             :name="checkboxName"
             :id="buttonID"
             :tabindex="tabIndex"
             :aria-required="isRequired" />
-        <label class="d-flex align-items-start" :for="buttonID">
             <p v-html="checkboxLabelCopy" class="m-0"></p>
             <span v-if="screenReaderOnlyText" class="sr-only">{{ screenReaderOnlyText }}</span>
         </label>

src/digital-components/textbox-question/textbox-question.vue

@@ -67,7 +67,7 @@
         </div>
         <div v-show="errorMessage" class="row form-test-error">
             <span
-                class="d-inline-flex small my-1"
+                class="d-inline-flex small mt-1"
                 aria-atomic="true"
                 aria-live="polite"
                 :class="[centerErrorMessage ? 'center-error-message' : '']"

src/fmg-components/vehicle-banner/vehicle-banner.vue

@@ -1,5 +1,5 @@
 <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="" />
     </div>
 </template>

src/layouts/customer-details/customer-details.vue

@@ -8,7 +8,7 @@
             </div>
             <div class="row justify-content-center">
                 <div class="col-md-6 col-xl-4">
-                    <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="my-5" />
+                    <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="mt-4 mb-5" />
                     <textboxQuestion
                         class="mb-4"
                         cmsWidgetName="FirstNameWidget"

src/layouts/schedule/location-alerts/location-alerts.vue

@@ -3,7 +3,7 @@
         v-for="alert in prefixedAlertReasons"
         :key="alert.cmsWidgetName"
         :ref="alert.cmsWidgetName"
-        class="mt-2 mb-3"
+        class="mt-5 mb-4"
         :cmsWidgetName="alert.cmsWidgetName"
         alertClass="alert-warning" />
 </template>