bootstrap importants update

match fmg styling on page that was a little off after importants

src/layouts/vehicle-damage/vehicle-damage.vue

@@ -445,3 +445,12 @@ export default {
     }
 };
 </script>
+
+<style lang="scss">
+.replace-options-question {
+    .two-list-card-width {
+        width: 100%;
+        flex: 0 auto;
+    }
+}
+</style>

src/styles/ux-variables.scss

@@ -157,22 +157,20 @@ $spacer: 1rem;
 $spacers: (
     0: 0,
     1: $spacer * 0.25,
-    /* 8px */ 2: $spacer * 0.5,
-    /* 12px */ 3: $spacer * 0.75,
-    /* 16px */ 4: $spacer * 1,
-    /* 24px */ 5: $spacer * 1.5,
-    /* 32px */ 6: $spacer * 2,
-    /* 40px */ 7: $spacer * 2.5,
-    /* 48px */ 8: $spacer * 3,
-);
-
-//Grid breakpoints
-$grid-breakpoints: (
-    xs: 0,
-    sm: 576px,
-    md: 838px,
-    lg: 1074px,
-    xl: 1416px,
+    /* 8px */
+    2: $spacer * 0.5,
+    /* 12px */
+    3: $spacer * 0.75,
+    /* 16px */
+    4: $spacer * 1,
+    /* 24px */
+    5: $spacer * 1.5,
+    /* 32px */
+    6: $spacer * 2,
+    /* 40px */
+    7: $spacer * 2.5,
+    /* 48px */
+    8: $spacer * 3,
 );
 
 //Shadow
@@ -190,3 +188,14 @@ $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;
+
+//Bootstrap Grid Breakpoints - Use these breakpoints only
+$grid-breakpoints: (
+    xs: 0,
+    md: 768px,
+    xl: 1200px,
+    xxl: 1440px,
+);

src/ux-components/list-card/list-card.vue

@@ -93,8 +93,8 @@ export default {
     img {
         // svg's should be constructed on the same canvas size/viewbox to ensure
         // they occupy the same space in the DOM. This will allow easy/proper alignment of elements. See exisitng svg's for examples.
-        height: auto;
-        width: 6.5rem;
+        height: 2rem;
+        width: auto;
         margin-bottom: 2.2rem;
         max-width: 100%;
     }
@@ -105,8 +105,9 @@ export default {
 
         + .list-card-content {
             outline: none;
-            display: block;
+            display: flex;
             position: relative;
+            justify-content: flex-start;
 
             p {
                 color: $gray-600;