From f8f6c9cd72be68396bf77d380cebbad5bef184e7 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Mon, 7 Jul 2025 16:36:51 -0400
Subject: [PATCH] CASH-1042 style updates for parity.

---
 .../questions-page-layout.vue                 | 20 ++++++++-----------
 src/layouts/estimate/estimate.vue             |  2 +-
 src/layouts/vehicle-parts/vehicle-parts.vue   | 20 ++++++++-----------
 src/styles/common-styles.scss                 |  2 +-
 src/ux-components/list-button/list-button.vue |  1 +
 5 files changed, 19 insertions(+), 26 deletions(-)

diff --git a/src/fmg-components/layouts/questions-page-layout/questions-page-layout.vue b/src/fmg-components/layouts/questions-page-layout/questions-page-layout.vue
index 2c4d71803..d5d25dc25 100644
--- a/src/fmg-components/layouts/questions-page-layout/questions-page-layout.vue
+++ b/src/fmg-components/layouts/questions-page-layout/questions-page-layout.vue
@@ -1,19 +1,15 @@
 <template>
     <div :class="`questions-page`">
         <loadingModal ref="loadingModal" />
-        <div class="container-fluid page-container-grouped-styles">
-            <div class="row justify-content-center">
-                <div class="col-md-6">
-                    <funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
-                </div>
-            </div>
-            <div class="row justify-content-center">
-                <div class="col-md-6 col-xl-4 mt-4">
+        <funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
+        <div class="container page-container-grouped-styles">
+            <div class="row">
+                <div class="col-12 col-md-10 col-lg-8 col-xl-7">
                     <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" />
                 </div>
             </div>
-            <div class="row justify-content-center">
-                <div class="col-md-6 col-xl-4">
+            <div class="row">
+                <div class="col-12 col-md-10 col-lg-8 col-xl-7">
                     <alert
                         ref="alertFewMoreQuestions"
                         cmsWidgetName="alertWidget"
@@ -24,8 +20,8 @@
                         v-bind:isDismissible="false" />
                 </div>
             </div>
-            <div class="row justify-content-center">
-                <div class="col-md-6 col-xl-4 question-chain-wrapper">
+            <div class="row">
+                <div class="col-12 col-md-10 col-lg-8 col-xl-7 question-chain-wrapper">
                     <div v-for="(questionsDatum, i) in questionsData" :key="questionsDatum.key">
                         <questionChain
                             ref="questionChain"
diff --git a/src/layouts/estimate/estimate.vue b/src/layouts/estimate/estimate.vue
index fe32d7b98..d9f07a5fe 100644
--- a/src/layouts/estimate/estimate.vue
+++ b/src/layouts/estimate/estimate.vue
@@ -1,7 +1,7 @@
 <template>
     <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
         <loadingModal ref="loadingModal" />
-        <div class="container-fluid page-container-grouped-styles">
+        <div class="container-fluid page-container-grouped-styles estimate">
             <div class="row justify-content-center">
                 <div class="col-md-6">
                     <funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
diff --git a/src/layouts/vehicle-parts/vehicle-parts.vue b/src/layouts/vehicle-parts/vehicle-parts.vue
index fcea707eb..ddad02365 100644
--- a/src/layouts/vehicle-parts/vehicle-parts.vue
+++ b/src/layouts/vehicle-parts/vehicle-parts.vue
@@ -2,21 +2,17 @@
     <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm">
         <div class="vehicle-parts small-question-text">
             <loadingModal ref="loadingModal" />
-            <div class="container-fluid page-container-grouped-styles">
-                <div class="row justify-content-center">
-                    <div class="col-md-6">
-                        <funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
-                    </div>
-                </div>
-                <div class="row justify-content-center">
-                    <div class="col-md-6 col-xl-4 mt-4">
+            <funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
+        <div class="container page-container-grouped-styles">
+            <div class="row">
+                <div class="col-12 col-md-10 col-lg-8 col-xl-7">
                         <funnelSubHeader
                             ref="funnelSubHeader"
                             cmsWidgetName="FunnelSubHeaderWidget" />
                     </div>
                 </div>
-                <div class="row justify-content-center">
-                    <div class="col-md-6 col-xl-4 my-5">
+                <div class="row">
+                    <div class="col-12 col-md-10 col-lg-8 col-xl-7">
                         <alert
                             class="rounded border-0 shadow-sm"
                             alertClass="alert-warning"
@@ -24,8 +20,8 @@
                             :isDismissible="false" />
                     </div>
                 </div>
-                <div class="row justify-content-center">
-                    <div class="col-md-6 col-xl-4">
+                <div class="row">
+                    <div class="col-12 col-md-10 col-lg-8 col-xl-7">
                         <div v-for="(item, i) in PartsOrQuestions" :key="i">
                             <!-- Render horizontal lines if there is multi-glass (aka if i > 0) -->
                             <hr v-if="i > 0" />
diff --git a/src/styles/common-styles.scss b/src/styles/common-styles.scss
index c619196fa..27d1038b4 100644
--- a/src/styles/common-styles.scss
+++ b/src/styles/common-styles.scss
@@ -101,4 +101,4 @@ textarea,
 option,
 .btn {
     letter-spacing: 0.03rem;
-}
+}
\ No newline at end of file
diff --git a/src/ux-components/list-button/list-button.vue b/src/ux-components/list-button/list-button.vue
index f4e1540d8..8d6b5c9be 100644
--- a/src/ux-components/list-button/list-button.vue
+++ b/src/ux-components/list-button/list-button.vue
@@ -105,6 +105,7 @@ export default {
     border: 1px solid $gray-500;
     width: 100%;
     outline: none;
+    border-radius: 50rem;
 
     span {
         &.small {