diff --git a/public/css/hop-styling.css b/public/css/hop-styling.css
index da2f3ef22..d46039051 100644
--- a/public/css/hop-styling.css
+++ b/public/css/hop-styling.css
@@ -53,6 +53,7 @@ body select {
background-color: #fff;
font-family: Urbanist, Arial, Helvetica, sans-serif;
font-weight: 400;
+ box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
body input:focus, body input:focus-visible,
body select:focus,
diff --git a/public/scss/hop-styling.scss b/public/scss/hop-styling.scss
index d3afaf985..9f6711f1c 100644
--- a/public/scss/hop-styling.scss
+++ b/public/scss/hop-styling.scss
@@ -63,6 +63,7 @@ body {
background-color: #fff;
font-family: Urbanist, Arial, Helvetica, sans-serif;
font-weight: 400;
+ box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
&:focus,
&:focus-visible {
box-shadow: 0 0 0 2.5px #1574a1;
diff --git a/src/layouts/estimate/estimate.vue b/src/layouts/estimate/estimate.vue
index 75ca29ddf..68dbe3426 100644
--- a/src/layouts/estimate/estimate.vue
+++ b/src/layouts/estimate/estimate.vue
@@ -286,5 +286,6 @@ export default {
.select-option {
font-family: UrbanistSemibold, Arial, Helvetica, sans-serif;
font-weight: 600;
+ color: $black;
}
diff --git a/src/layouts/mobile-details/mobile-details.vue b/src/layouts/mobile-details/mobile-details.vue
index bd41dd86c..1c1a48249 100644
--- a/src/layouts/mobile-details/mobile-details.vue
+++ b/src/layouts/mobile-details/mobile-details.vue
@@ -240,4 +240,7 @@ export default {
color: $gray-600;
font-family: UrbanistRegular;
}
+:deep(.caption) {
+ font-size: 0.875rem;
+}
diff --git a/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue b/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue
index 812dc1130..3b0e0042a 100644
--- a/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue
+++ b/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue
@@ -20,8 +20,8 @@
{{ getInlineAltText(token) }}
+
-
diff --git a/src/layouts/quote/quote.vue b/src/layouts/quote/quote.vue
index d453964c4..92ac798eb 100644
--- a/src/layouts/quote/quote.vue
+++ b/src/layouts/quote/quote.vue
@@ -57,7 +57,7 @@
alertClass="alert-info" />
// Unique to quote page for 2.0/Heritage parity
+.prevent-modal-scroll.modal-open .container.quote .row:not(.save-progress-popup) {
+ opacity: 0;
+}
.quote {
padding-bottom: 2rem;
diff --git a/src/layouts/schedule/schedule.vue b/src/layouts/schedule/schedule.vue
index 192273f49..6f1cf5e8b 100644
--- a/src/layouts/schedule/schedule.vue
+++ b/src/layouts/schedule/schedule.vue
@@ -1794,7 +1794,7 @@ export default {
text-underline-offset: 4px;
}
-.text-block.duration-text-block b {
+:deep(.text-block.duration-text-block b) {
font-family: UrbanistSemibold;
}
:deep(.alert-warning.widget-name-AlertRecalNoMobileWidget .alert-heading),
diff --git a/src/layouts/schedule/time-slot-question/time-slot-question.vue b/src/layouts/schedule/time-slot-question/time-slot-question.vue
index 418f7e77b..900db972d 100644
--- a/src/layouts/schedule/time-slot-question/time-slot-question.vue
+++ b/src/layouts/schedule/time-slot-question/time-slot-question.vue
@@ -15,7 +15,7 @@
diff --git a/src/ux-components/list-button/list-button.vue b/src/ux-components/list-button/list-button.vue
index ebc137866..293f29d73 100644
--- a/src/ux-components/list-button/list-button.vue
+++ b/src/ux-components/list-button/list-button.vue
@@ -79,7 +79,7 @@ export default {
color: $black;
font-weight: 500;
background: $blue-100;
- box-shadow: 0 0 0 1px $blue;
+ border: 1px solid $blue;
}
&:checked:focus + .list-button-content {
box-shadow: 0 0 0 2.5px $blue;