From 601de19adf5d8c257a42a0849d6650df95baba46 Mon Sep 17 00:00:00 2001 From: LarisaStar <61147963+Larisa-Staroverova@users.noreply.github.com> Date: Wed, 12 Jul 2023 10:14:55 +0200 Subject: [PATCH] Correct styling of Request Quote button (#17583) --- feature-libs/cart/base/styles/layout/_cart-page.scss | 7 ++++++- feature-libs/quote/assets/translations/en/quote.i18n.ts | 2 +- .../quote-request-button.component.html | 2 +- feature-libs/quote/styles/_quote-request-button.scss | 6 +++--- 4 files changed, 11 insertions(+), 6 deletions(-) diff --git a/feature-libs/cart/base/styles/layout/_cart-page.scss b/feature-libs/cart/base/styles/layout/_cart-page.scss index bc43d9595b4..02d797cfbec 100644 --- a/feature-libs/cart/base/styles/layout/_cart-page.scss +++ b/feature-libs/cart/base/styles/layout/_cart-page.scss @@ -41,7 +41,8 @@ @include forVersion(6.1) { cx-cart-totals, cx-cart-coupon, - cx-cart-proceed-to-checkout { + cx-cart-proceed-to-checkout, + cx-quote-request-button { min-width: 100%; } } @@ -62,6 +63,10 @@ cx-cart-proceed-to-checkout { order: 5; } + + cx-quote-request-button { + order: 6; + } } } diff --git a/feature-libs/quote/assets/translations/en/quote.i18n.ts b/feature-libs/quote/assets/translations/en/quote.i18n.ts index 17cce258d55..3312db7b7ae 100644 --- a/feature-libs/quote/assets/translations/en/quote.i18n.ts +++ b/feature-libs/quote/assets/translations/en/quote.i18n.ts @@ -72,7 +72,7 @@ export const quote = { confirmSubmitOption: { yes: 'Yes', no: 'No' }, }, requestDialog: { - requestQuote: 'Request a Quote', + requestQuote: 'Request Quote', title: 'Request Quote', continueToEdit: 'Continue to Edit', form: { diff --git a/feature-libs/quote/components/quote-request-button/quote-request-button.component.html b/feature-libs/quote/components/quote-request-button/quote-request-button.component.html index e729e926103..a47e0690c44 100644 --- a/feature-libs/quote/components/quote-request-button/quote-request-button.component.html +++ b/feature-libs/quote/components/quote-request-button/quote-request-button.component.html @@ -2,7 +2,7 @@ #element (click)="goToQuoteDetails()" type="button" - class="btn btn-action btn-block" + class="btn btn-block btn-secondary" > {{ 'quote.requestDialog.requestQuote' | cxTranslate }} diff --git a/feature-libs/quote/styles/_quote-request-button.scss b/feature-libs/quote/styles/_quote-request-button.scss index 39f1dee4d83..7e8d09f9331 100644 --- a/feature-libs/quote/styles/_quote-request-button.scss +++ b/feature-libs/quote/styles/_quote-request-button.scss @@ -1,8 +1,8 @@ %cx-quote-request-button { - padding-bottom: 1rem; + padding-block-end: 1rem; padding-inline-start: 3rem; - @include media-breakpoint-down(sm) { - padding-bottom: 0; + @include media-breakpoint-down(md) { + padding-inline-start: 0; } }