From a02d6e49bf185955dcbf6cd3327085100a4f0c61 Mon Sep 17 00:00:00 2001
From: Rafael Sampaio <rafael.sampa1989@gmail.com>
Date: Fri, 27 Jan 2023 02:53:08 -0300
Subject: [PATCH] =?UTF-8?q?refactor:=20altera=20css=20bot=C3=A3o=20add=20c?=
 =?UTF-8?q?arrinho?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 react/components/Html/styles.css              | 12 ++++++++++
 store/blocks/pdp/product-assembly.jsonc       | 24 +++++++------------
 store/blocks/pdp/product.jsonc                | 18 ++++++++++----
 styles/css/vtex.flex-layout.css               |  6 -----
 styles/css/vtex.store-components.css          |  5 +++-
 .../sass/pages/product/vtex.flex-layout.scss  |  6 -----
 .../pages/product/vtex.store-components.scss  |  3 ++-
 7 files changed, 40 insertions(+), 34 deletions(-)

diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css
index 7e71311..c2f013e 100644
--- a/react/components/Html/styles.css
+++ b/react/components/Html/styles.css
@@ -3,3 +3,15 @@
   justify-content: center;
   padding: 0 40px;
 }
+
+[class*="html--buy-button"] {
+  display: flex;
+  gap: 10px;
+}
+
+[class*="html--buy-button"] :global(.vtex-button) {
+  height: 49px;
+  background: black;
+  border: none;
+  border-radius: 0;
+}
diff --git a/store/blocks/pdp/product-assembly.jsonc b/store/blocks/pdp/product-assembly.jsonc
index 43ad04e..34f4233 100644
--- a/store/blocks/pdp/product-assembly.jsonc
+++ b/store/blocks/pdp/product-assembly.jsonc
@@ -1,10 +1,10 @@
 {
-  "sticky-layout#buy-button": {
-    "props": {
-      "position": "bottom"
-    },
-    "children": ["flex-layout.row#buy-button"]
-  },
+  // "sticky-layout#buy-button": {
+  //   "props": {
+  //     "position": "bottom"
+  //   },
+  //   "children": ["flex-layout.row#buy-button"]
+  // },
   "product-assembly-options": {
     "children": [
       "flex-layout.row#product-assembly-options",
@@ -32,17 +32,13 @@
     "props": {
       "verticalAlign": "middle"
     },
-    "children": [
-      "assembly-option-item-quantity-selector"
-    ]
+    "children": ["assembly-option-item-quantity-selector"]
   },
   "flex-layout.col#product-assembly-image": {
     "props": {
       "marginRight": 4
     },
-    "children": [
-      "assembly-option-item-image"
-    ]
+    "children": ["assembly-option-item-image"]
   },
   "flex-layout.col#product-assembly-middle": {
     "props": {
@@ -96,9 +92,7 @@
       "horizontalAlign": "right",
       "verticalAlign": "middle"
     },
-    "children": [
-      "assembly-option-item-quantity-selector"
-    ]
+    "children": ["assembly-option-item-quantity-selector"]
   },
   "assembly-option-item-customize#sec-level": {
     "props": {
diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc
index 8129c5d..a3de923 100644
--- a/store/blocks/pdp/product.jsonc
+++ b/store/blocks/pdp/product.jsonc
@@ -119,7 +119,8 @@
       "product-installments",
       "sku-selector",
       "product-gifts",
-      "flex-layout.row#buy-button",
+      // "flex-layout.row#buy-button",
+      "html#buy-button",
       "availability-subscriber",
       "shipping-simulator",
       "share#default"
@@ -154,15 +155,22 @@
     }
   },
 
-  "flex-layout.row#buy-button": {
+  "html#buy-button": {
     "props": {
-      "blockClass": "buy-button",
-      "marginTop": 4,
-      "marginBottom": 7
+      "blockClass": "buy-button"
     },
     "children": ["product-quantity#addToCart", "add-to-cart-button#addToCart"]
   },
 
+  // "flex-layout.row#buy-button": {
+  //   "props": {
+  //     "blockClass": "buy-button",
+  //     "marginTop": 4,
+  //     "marginBottom": 7
+  //   },
+  //   "children": ["product-quantity#addToCart", "add-to-cart-button#addToCart"]
+  // },
+
   "product-quantity#addToCart": {
     "props": {
       "blockClass": "addToCartQuantity",
diff --git a/styles/css/vtex.flex-layout.css b/styles/css/vtex.flex-layout.css
index 81488fe..c9874dd 100644
--- a/styles/css/vtex.flex-layout.css
+++ b/styles/css/vtex.flex-layout.css
@@ -112,12 +112,6 @@
   padding-bottom: 1rem;
 }
 
-.flexRowContent--buy-button :global(.vtex-button) {
-  background: black;
-  border: none;
-  border-radius: 0;
-}
-
 .flexRowContent--product-container {
   padding: 0 40px;
 }
\ No newline at end of file
diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css
index 385e033..a7c695f 100644
--- a/styles/css/vtex.store-components.css
+++ b/styles/css/vtex.store-components.css
@@ -19,7 +19,6 @@
 
 .carouselGaleryThumbs {
   max-height: 90px;
-  width: 80%;
 }
 
 .productImageTag--main {
@@ -89,6 +88,10 @@
   font-size: 14px;
 }
 
+.productImagesThumb {
+  max-width: 90px;
+  margin-right: 16px;
+}
 .productImagesThumb .figure .thumbImg {
   width: 90px;
   height: 90px;
diff --git a/styles/sass/pages/product/vtex.flex-layout.scss b/styles/sass/pages/product/vtex.flex-layout.scss
index 05339c1..01563a9 100644
--- a/styles/sass/pages/product/vtex.flex-layout.scss
+++ b/styles/sass/pages/product/vtex.flex-layout.scss
@@ -105,12 +105,6 @@
   padding-bottom: 1rem;
 }
 
-.flexRowContent--buy-button :global(.vtex-button) {
-  background: black;
-  border: none;
-  border-radius: 0;
-}
-
 .flexRowContent--product-container {
   padding: 0 40px;
 }
diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss
index f1559ba..8a7348a 100644
--- a/styles/sass/pages/product/vtex.store-components.scss
+++ b/styles/sass/pages/product/vtex.store-components.scss
@@ -14,7 +14,6 @@
 
 .carouselGaleryThumbs {
   max-height: 90px;
-  width: 80%;
 }
 
 .productImageTag--main {
@@ -89,6 +88,8 @@
 }
 
 .productImagesThumb {
+  max-width: 90px;
+  margin-right: 16px;
   .figure {
     .thumbImg {
       width: 90px;