From 119df6523029bf64960528445836670e419f7f64 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Fri, 8 Aug 2025 10:49:01 -0400
Subject: [PATCH] CASH-1319 misc UI bug fixes.

---
 public/css/hop-styling.css                               | 2 +-
 public/scss/hop-styling.scss                             | 2 +-
 .../dropdown-question/dropdown-question.vue              | 2 +-
 src/fmg-components/funnel-header/funnel-header.vue       | 1 -
 src/layouts/schedule/schedule.vue                        | 2 +-
 src/layouts/vehicle-damage/vehicle-damage.vue            | 9 ++++++---
 src/layouts/vehicle/vehicle.vue                          | 2 +-
 .../vin-lookup/vin-information/vin-information.vue       | 4 ++++
 8 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/public/css/hop-styling.css b/public/css/hop-styling.css
index 0318d52ff..0bcbd21a2 100644
--- a/public/css/hop-styling.css
+++ b/public/css/hop-styling.css
@@ -37,7 +37,7 @@ body .headerlinecontainer .headerline1 {
   line-height: 32px;
   font-weight: 400;
   margin: 24px 0;
-  text-align: center;
+  text-align: left;
 }
 body input,
 body select {
diff --git a/public/scss/hop-styling.scss b/public/scss/hop-styling.scss
index aae9913e2..b8d198fb8 100644
--- a/public/scss/hop-styling.scss
+++ b/public/scss/hop-styling.scss
@@ -44,7 +44,7 @@ body {
             line-height: 32px;
             font-weight: 400;
             margin: 24px 0;
-            text-align: center;
+            text-align: left;
         }
     }
 
diff --git a/src/digital-components/dropdown-question/dropdown-question.vue b/src/digital-components/dropdown-question/dropdown-question.vue
index bb55e61ec..f678e6953 100644
--- a/src/digital-components/dropdown-question/dropdown-question.vue
+++ b/src/digital-components/dropdown-question/dropdown-question.vue
@@ -19,7 +19,7 @@
             :validationRules="validationRules"
             :placeHolderText="placeHolderText"
             :valueAsKey="valueAsKey">
-            <option v-if="placeHolderText" value="" selected>{{ placeHolderText }}</option>
+            <option v-if="placeHolderText && !isDisabled" value="" selected>{{ placeHolderText }}</option>
             <option
                 v-for="(value, name, index) in options"
                 :value="valueAsKey == true ? value : name"
diff --git a/src/fmg-components/funnel-header/funnel-header.vue b/src/fmg-components/funnel-header/funnel-header.vue
index 927d27f41..f0875bf4d 100644
--- a/src/fmg-components/funnel-header/funnel-header.vue
+++ b/src/fmg-components/funnel-header/funnel-header.vue
@@ -199,7 +199,6 @@ export default {
 
 <style lang="scss" scoped>
 .funnel-header {
-    margin-bottom: 1rem;
     .container {
         padding: 1rem 0.75rem;
         display: flex;
diff --git a/src/layouts/schedule/schedule.vue b/src/layouts/schedule/schedule.vue
index 7126febf7..7a7a1ae3a 100644
--- a/src/layouts/schedule/schedule.vue
+++ b/src/layouts/schedule/schedule.vue
@@ -1746,7 +1746,7 @@ export default {
 };
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .container {
     .question-text {
         margin-bottom: 1.5rem;
diff --git a/src/layouts/vehicle-damage/vehicle-damage.vue b/src/layouts/vehicle-damage/vehicle-damage.vue
index 4b3838369..d287eb87d 100644
--- a/src/layouts/vehicle-damage/vehicle-damage.vue
+++ b/src/layouts/vehicle-damage/vehicle-damage.vue
@@ -4,7 +4,7 @@
         <div class="container vehicle-damage">
             <div class="row">
                 <div class="col-12 col-md-10 col-lg-8 col-xl-7">
-                    <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="mb-7" />
+                    <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="mb-4" />
                     <alert
                         ref="vehicleChangeAlert"
                         v-if="shouldDisplayVehicleChangeAlert"
@@ -759,6 +759,9 @@ export default {
     .base-input-button:not(.has-error):hover.list-card:not(.selected) {
         border-radius: 0.5rem;
     }
+    .question-text {
+        margin: 1.5rem 0 .5rem 0;
+    }
 }
 .replace-options-question {
     .base-input-button:not(.has-error):hover.list-card:not(.selected) {
@@ -774,9 +777,9 @@ export default {
         }
     }
     .question-text {
-        margin: 1rem 0 0 0;
+        margin: 1.5rem 0 .5rem 0;
         @include media-breakpoint-up(md) {
-            margin: 1rem 0;
+            margin: 1.5rem 0 .5rem 0;
         }
     }
     .two-list-card-width {
diff --git a/src/layouts/vehicle/vehicle.vue b/src/layouts/vehicle/vehicle.vue
index d809732ff..aeb58eecb 100644
--- a/src/layouts/vehicle/vehicle.vue
+++ b/src/layouts/vehicle/vehicle.vue
@@ -1,7 +1,7 @@
 <template>
     <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
         <funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
-        <div class="container">
+        <div class="container vehicle">
             <div class="row">
                 <div class="col-12 col-md-10 col-lg-8 col-xl-7">
                     <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="siteSubHeader" />
diff --git a/src/layouts/vin-lookup/vin-information/vin-information.vue b/src/layouts/vin-lookup/vin-information/vin-information.vue
index 912663a44..a2092c53b 100644
--- a/src/layouts/vin-lookup/vin-information/vin-information.vue
+++ b/src/layouts/vin-lookup/vin-information/vin-information.vue
@@ -80,6 +80,10 @@ export default {
             opacity: 1;
             visibility: visible;
         }
+        a {
+            text-decoration: none;
+            font-family: UrbanistSemibold, Arial, Helvetica, sans-serif;
+        }
     }
     .vin-info {
         max-height: 0;