From 9d0d2af36192954ae599adb4d9950c9cfb75763c Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Wed, 31 May 2023 11:29:19 -0400
Subject: [PATCH] CSR-1426 disable Bootstrap !important behavior.

Also disable page scroll when modal is open.
---
 src/styles/common-styles.scss              | 6 ++++++
 src/styles/shared-input-button-styles.scss | 1 +
 src/styles/ux-variables.scss               | 3 +++
 src/ux-components/list-card/list-card.vue  | 2 +-
 4 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/styles/common-styles.scss b/src/styles/common-styles.scss
index 73845e5cc..f8e1c50f1 100644
--- a/src/styles/common-styles.scss
+++ b/src/styles/common-styles.scss
@@ -56,3 +56,9 @@ body {
         height: calc(100% - 72px);
     }
 }
+//Disable scroll of main container when modal is open
+.modal-open {
+    .page-container-grouped-styles {
+        overflow: hidden;
+    }
+}
diff --git a/src/styles/shared-input-button-styles.scss b/src/styles/shared-input-button-styles.scss
index 9af066bb0..8d0c394aa 100644
--- a/src/styles/shared-input-button-styles.scss
+++ b/src/styles/shared-input-button-styles.scss
@@ -9,6 +9,7 @@
                 position: relative;
                 z-index: 5;
                 @include box-shadow-hover($blue-300);
+                border-radius: .5rem;
             }
         }
     }
diff --git a/src/styles/ux-variables.scss b/src/styles/ux-variables.scss
index 1e95a4052..976e8ed04 100644
--- a/src/styles/ux-variables.scss
+++ b/src/styles/ux-variables.scss
@@ -190,3 +190,6 @@ $alert-color-scale: 40%;
 // This affects all [Bootstrap] modals
 $modal-fade-transform: translate(0, 100%);
 $modal-backdrop-opacity: 0;
+
+//Disable default !important behavior
+$enable-important-utilities: false;
diff --git a/src/ux-components/list-card/list-card.vue b/src/ux-components/list-card/list-card.vue
index 7755249ab..ee8785022 100644
--- a/src/ux-components/list-card/list-card.vue
+++ b/src/ux-components/list-card/list-card.vue
@@ -94,7 +94,7 @@ export default {
 
         + .list-card-content {
             outline: none;
-            display: block;
+            display: flex;
             position: relative;
 
             p {