From 01eada7063c8f075b429ca42b7e27008ea4c7498 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Tue, 14 Jun 2022 17:38:56 -0400
Subject: [PATCH] CSR-435 QA UI fixes.

Add namespace class name to set style on affected items.
---
 .../button-question/button-question.vue        | 18 ++++++++++++++++++
 src/layouts/vehicle-parts/vehicle-parts.vue    |  2 +-
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/common-components/button-question/button-question.vue b/src/common-components/button-question/button-question.vue
index 07efe470e..efc1cf051 100644
--- a/src/common-components/button-question/button-question.vue
+++ b/src/common-components/button-question/button-question.vue
@@ -179,4 +179,22 @@ export default {
     text-align: center;
   }
 }
+
+.vehicle-parts {
+  .question-text {
+    span {
+      font-size: .875rem;
+      text-align: left;
+      margin: 0 0 .5rem 0;
+    }
+  }
+  .question-text {
+    margin: 0;
+  }
+  fieldset {
+    .ui-radio {
+      margin: 0;
+    }
+  }
+}
 </style>
diff --git a/src/layouts/vehicle-parts/vehicle-parts.vue b/src/layouts/vehicle-parts/vehicle-parts.vue
index 842cc0720..d876f132f 100644
--- a/src/layouts/vehicle-parts/vehicle-parts.vue
+++ b/src/layouts/vehicle-parts/vehicle-parts.vue
@@ -1,5 +1,5 @@
 <template>
-<div class="page-container-grouped-styles">
+<div class="page-container-grouped-styles vehicle-parts">
     <funnelHeader ref="funnelHeader" cmsWidgetName="FunnelHeaderWidget" />
     <vehicleBanner ref="vehicleBanner" cmsWidgetName="VehicleBannerWidget" :displayGenericVehicleImage="false" />
     <funnelSubHeader ref="funnelSubHeader" cmsWidgetName="FunnelSubHeaderWidget" />