From acf52c77d2664f9d39da6fdd13e32be03c3df0d4 Mon Sep 17 00:00:00 2001
From: Rafael Sampaio <rafael.sampa1989@gmail.com>
Date: Fri, 10 Feb 2023 12:08:54 -0300
Subject: [PATCH] refactor: ajusta alinhamento input cep 375px

---
 react/components/Html/styles.css                |  7 ++-----
 styles/css/vtex.store-components.css            | 14 ++++++++++++++
 .../pages/product/vtex.store-components.scss    | 17 +++++++++++++++++
 3 files changed, 33 insertions(+), 5 deletions(-)

diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css
index 61d7e2e..8644f12 100644
--- a/react/components/Html/styles.css
+++ b/react/components/Html/styles.css
@@ -18,7 +18,7 @@
 [class*="html--buy-button"] {
   display: flex;
   gap: 10px;
-  margin-bottom: 5px;
+  margin: 6px 0 5px 0;
 }
 
 [class*="html--buy-button"] :global(.vtex-button) {
@@ -71,10 +71,6 @@
     width: 149.91px;
   }
 
-  [class*="html--buy-button"] {
-    margin-bottom: 16px;
-  }
-
   [class*="html--descriptionImage"] {
     width: 100%;
   }
@@ -88,6 +84,7 @@
   [class*="html--buy-button"] {
     flex-direction: column;
     gap: 0;
+    margin-bottom: 16px;
   }
 
   [class*="html--product-quantity"] {
diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css
index 065f889..a99f420 100644
--- a/styles/css/vtex.store-components.css
+++ b/styles/css/vtex.store-components.css
@@ -553,4 +553,18 @@
   .shippingTable {
     margin-top: 32px;
   }
+}
+@media (max-width: 463px) {
+  .shippingContainer :global(.vtex-address-form__postalCode) {
+    width: 100%;
+  }
+  .shippingContainer :global(.vtex-button) {
+    left: unset;
+    right: 0;
+  }
+  .shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) {
+    left: unset;
+    right: 0;
+    top: 95%;
+  }
 }
\ No newline at end of file
diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss
index dc47d50..34a2c03 100644
--- a/styles/sass/pages/product/vtex.store-components.scss
+++ b/styles/sass/pages/product/vtex.store-components.scss
@@ -580,3 +580,20 @@
     margin-top: 32px;
   }
 }
+
+@media (max-width: 463px) {
+  .shippingContainer :global(.vtex-address-form__postalCode) {
+    width: 100%;
+  }
+
+  .shippingContainer :global(.vtex-button) {
+    left: unset;
+    right: 0;
+  }
+
+  .shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) {
+    left: unset;
+    right: 0;
+    top: 95%;
+  }
+}