From 03b5eab5fbef2fab6443ce1975299f8fdb8e7bb0 Mon Sep 17 00:00:00 2001
From: Leonardo <rochaleo879@gmail.com>
Date: Wed, 1 Feb 2023 15:43:28 -0300
Subject: [PATCH] feat: estiliza o botao do carrinho e o botao de adicionar

---
 react/components/Html/styles.css | 27 ++++++++++++++++++++++-----
 store/blocks/pdp/product.jsonc   | 13 ++++++++++++-
 2 files changed, 34 insertions(+), 6 deletions(-)

diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css
index 3167fc3..61a1fdb 100644
--- a/react/components/Html/styles.css
+++ b/react/components/Html/styles.css
@@ -1,9 +1,26 @@
-[dataid*="product-images"] {
-  margin-left: 40px;
-  width: 80%;
-}
-
 [class*="productImageTag--main"] {
   max-width: 80.25%;
   object-fit: none;
 }
+
+[class*="flexRow--button-cart"] :global(.vtex-button) {
+  background-color: black;
+  border-color: black;
+  width: 97.952%;
+  height: 49px;
+}
+
+[class*="numeric-stepper__minus-button"] {
+  height: 49px;
+  position: relative;
+}
+
+[class*="numeric-stepper__input"] {
+  height: 49px;
+  position: relative;
+}
+
+[class*="numeric-stepper__plus-button"] {
+  height: 49px;
+  position: relative;
+}
diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc
index 7863f90..82851b9 100644
--- a/store/blocks/pdp/product.jsonc
+++ b/store/blocks/pdp/product.jsonc
@@ -85,6 +85,7 @@
   },
   "product-images": {
     "props": {
+      "width": "40%",
       "contentType": "images",
       "showNavigationArrows": false,
       "showPaginationDots": false,
@@ -122,7 +123,6 @@
       "flex-layout.row#selling-price",
       "product-installments#m3-academy",
       "sku-selector",
-      "product-quantity",
       "product-assembly-options",
       "product-gifts",
       "flex-layout.row#buy-button",
@@ -162,6 +162,17 @@
       "marginBottom": 7,
       "blockClass": "button-cart"
     },
+    "children": ["product-quantity", "html#add-to-cart-button"]
+  },
+
+  "product-quantity": {
+    "props": { "width": "25%" }
+  },
+
+  "html#add-to-cart-button": {
+    "props": {
+      "testId": "add-to-cart-button"
+    },
     "children": ["add-to-cart-button"]
   },