Correct styling of Request Quote button (#17583)

SAP · Jul 12, 2023 · 601de19 · 601de19
1 parent 43f1faf
commit 601de19
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 6 deletions.
diff --git 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
@@ -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
@@ -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 }}
 </button>
diff --git 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;
   }
 }