diff --git a/src/layouts/vehicle-damage/vehicle-damage.vue b/src/layouts/vehicle-damage/vehicle-damage.vue index 02e00a05..0b079174 100644 --- a/src/layouts/vehicle-damage/vehicle-damage.vue +++ b/src/layouts/vehicle-damage/vehicle-damage.vue @@ -445,3 +445,12 @@ export default { } }; + + diff --git a/src/styles/ux-variables.scss b/src/styles/ux-variables.scss index 8ec17642..e9321490 100644 --- a/src/styles/ux-variables.scss +++ b/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, +); \ No newline at end of file diff --git a/src/ux-components/list-card/list-card.vue b/src/ux-components/list-card/list-card.vue index db0b57c5..f222696b 100644 --- a/src/ux-components/list-card/list-card.vue +++ b/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;