Merge pull request #1080 from Safelite/feature/humphries/INSR-7752.2

INSR-8457: Adjust spacing to account for change to subheader. Update colors for alert-danger icons

src/layouts/address-lookup/address-lookup.vue

@@ -14,9 +14,11 @@
                         ref="siteSubHeader"
                         cmsWidgetName="SiteSubHeaderWidget"
                         class="mt-4" />
-                    <customerQuestions
-                        ref="customerQuestions"
-                        v-model="customerQuestions" />
+                    <div class="mt-4">
+                        <customerQuestions
+                            ref="customerQuestions"
+                            v-model="customerQuestions" />
+                    </div>
                     <alert
                         v-if="displayVinNotFoundAlert"
                         ref="alertVinNotFound"

src/styles/ux-variables.scss

@@ -218,6 +218,7 @@ $alert-yellow-bg: #fef6e8;
 $alert-yellow-color: #e86421;
 $alert-red-bg: #fbe9e8;
 $alert-red-color: $red;
+$alert-red-icon: #da291c;
 
 //Modal animation
 // This affects all [Bootstrap] modals

src/ux-components/alert/alert.vue

@@ -355,7 +355,7 @@ export default {
             border-top-color: $alert-red-color;
         }
         svg {
-            fill: $red;
+            fill: $alert-red-icon;
             width: 1rem;
             height: 1rem;
         }