From d5caedd1319bd10d75c6a9fe373e1d59257afe50 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Mon, 9 Oct 2023 10:38:21 -0400
Subject: [PATCH] CSR-1591 desktop tweaks.

---
 src/layouts/service-location/service-location.vue |  2 +-
 src/layouts/vehicle-damage/vehicle-damage.vue     |  2 +-
 src/styles/common-styles.scss                     | 12 ++++++++++--
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/layouts/service-location/service-location.vue b/src/layouts/service-location/service-location.vue
index 2ca24e353..4cc9ab10c 100644
--- a/src/layouts/service-location/service-location.vue
+++ b/src/layouts/service-location/service-location.vue
@@ -8,7 +8,7 @@
                 </div>
             </div>
             <div class="row justify-content-md-center">
-                <div class="col-md-6">
+                <div class="col-md-6 col-xl-4">
                     <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="mt-5" />
 
                     <serviceZipModalQuestion
diff --git a/src/layouts/vehicle-damage/vehicle-damage.vue b/src/layouts/vehicle-damage/vehicle-damage.vue
index cf96477a7..e66ea251a 100644
--- a/src/layouts/vehicle-damage/vehicle-damage.vue
+++ b/src/layouts/vehicle-damage/vehicle-damage.vue
@@ -24,7 +24,7 @@
                 </div>
             </div>
             <div class="row justify-content-md-center">
-                <div class="col-md-8 col-xl-6 col-xxl-4">
+                <div class="col-md-6 col-xl-4 col-xxl-3">
                     <damageLocationQuestion
                         ref="damageLocation"
                         cmsWidgetName="DamageLocationQuestion"
diff --git a/src/styles/common-styles.scss b/src/styles/common-styles.scss
index 7ffaa0c4f..b8a6f71b2 100644
--- a/src/styles/common-styles.scss
+++ b/src/styles/common-styles.scss
@@ -41,8 +41,16 @@ body {
     }
 }
 //Disable scroll of main container when modal is open
+// .modal-open {
+//     .page-container-grouped-styles {
+//         overflow: hidden;
+//     }
+// }
 .modal-open {
-    .page-container-grouped-styles {
-        overflow: hidden;
+    .container-fluid {
+        &.page-container-grouped-styles {
+            overflow: hidden;
+            height: auto;
+        }
     }
 }