From 4d40da32a049e15f4da7e980f35056f2d0450a92 Mon Sep 17 00:00:00 2001
From: Gabriel Lehmann <gabriel.lehmann@hotmail.com>
Date: Fri, 10 Feb 2023 17:48:04 -0300
Subject: [PATCH] fix: fixed spacing

---
 react/components/PixComponents/globalStyles.css |  4 ++++
 react/components/PixComponents/index.tsx        |  1 +
 store/blocks/pdp/product.jsonc                  | 16 +++++++++-------
 3 files changed, 14 insertions(+), 7 deletions(-)
 create mode 100644 react/components/PixComponents/globalStyles.css

diff --git a/react/components/PixComponents/globalStyles.css b/react/components/PixComponents/globalStyles.css
new file mode 100644
index 0000000..32c3c29
--- /dev/null
+++ b/react/components/PixComponents/globalStyles.css
@@ -0,0 +1,4 @@
+.vtex-flex-layout-0-x-flexRowContent--product-image-width {
+  border: 1px solid red;
+  margin-right: 40px;
+}
diff --git a/react/components/PixComponents/index.tsx b/react/components/PixComponents/index.tsx
index 2321304..49a1836 100644
--- a/react/components/PixComponents/index.tsx
+++ b/react/components/PixComponents/index.tsx
@@ -2,6 +2,7 @@ import React, { useEffect, useState } from "react";
 import { useProduct } from "vtex.product-context";
 import PixImage from "./PixImage";
 import Style from "./styles.css";
+import "./globalStyles.css";
 
 const PixComponents = () => {
   const [pixValue, setPixValue] = useState(0);
diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc
index 1d0fe78..e96a0eb 100644
--- a/store/blocks/pdp/product.jsonc
+++ b/store/blocks/pdp/product.jsonc
@@ -45,12 +45,13 @@
   },
   "flex-layout.row#product-main": {
     "props": {
-      "colGap": 7,
-      "rowGap": 7,
-      "marginTop": 4,
-      "marginBottom": 7,
+      // "colGap": 7,
+      // "rowGap": 7,
+      // "marginTop": 4,
+      // "marginBottom": 7,
       "paddingTop": 7,
-      "paddingBottom": 7
+      // "paddingBottom": 7,
+      "blockClass": "product-image-width"
     },
     "children": ["flex-layout.col#stack", "flex-layout.col#right-col"]
   },
@@ -78,7 +79,7 @@
   "flex-layout.col#stack": {
     "children": ["stack-layout"],
     "props": {
-      "width": "60%",
+      "width": "51%",
       "rowGap": 0
     }
   },
@@ -102,7 +103,8 @@
   "flex-layout.col#right-col": {
     "props": {
       "preventVerticalStretch": true,
-      "rowGap": 0
+      "rowGap": 0,
+      "width": "grow"
     },
     "children": [
       "flex-layout.row#product-name",