From cf4ccf3724e1b44232c9c69456fd4a9a9e6f468a Mon Sep 17 00:00:00 2001
From: Adilson Fernando <ornellas00@hotmail.com>
Date: Sun, 29 Jan 2023 23:14:57 -0300
Subject: [PATCH] hotfix: revendo parte03 todo css, deixando mais responsivo e
 proximo ao figma possivel

---
 react/components/Html/styles.css                     | 2 +-
 styles/css/vtex.flex-layout.css                      | 3 ++-
 styles/css/vtex.store-components.css                 | 4 ++--
 styles/css/vtex.tab-layout.css                       | 1 +
 styles/sass/pages/product/vtex.flex-layout.scss      | 3 ++-
 styles/sass/pages/product/vtex.store-components.scss | 4 ++--
 styles/sass/pages/product/vtex.tab-layout.scss       | 5 ++++-
 7 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css
index b9e444d..e446a4d 100644
--- a/react/components/Html/styles.css
+++ b/react/components/Html/styles.css
@@ -12,7 +12,7 @@
   display: flex;
   gap: 10px;
 }
-@media (max-width: 1024px) {
+@media (max-width: 768px) {
   [class*="html--quantidadeEBuy"] {
     display: flex;
     flex-direction:column;
diff --git a/styles/css/vtex.flex-layout.css b/styles/css/vtex.flex-layout.css
index e6a8cb3..1466295 100644
--- a/styles/css/vtex.flex-layout.css
+++ b/styles/css/vtex.flex-layout.css
@@ -40,8 +40,8 @@
   font-weight: 300;
   font-size: 20px;
   line-height: 34px;
-  text-align: right;
   color: #575757;
+  margin-bottom: 8px;
 }
 @media (max-width: 1024px) {
   .flexColChild--info-availability .flexRow--divNomeProduct {
@@ -94,6 +94,7 @@
   font-size: 20px;
   line-height: 34px;
   color: #575757;
+  margin-bottom: 8px;
 }
 @media (max-width: 1024px) {
   .flexCol--divInfoProduct .flexRow--divNomeProduct {
diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css
index abb39a2..beab778 100644
--- a/styles/css/vtex.store-components.css
+++ b/styles/css/vtex.store-components.css
@@ -66,8 +66,8 @@
 .newsletter--newsletter .container--newsletter {
   background-color: black;
   color: #fff;
-  margin-top: 67px;
-  padding-top: 32px;
+  margin-top: 67px !important;
+  padding-top: 32px !important;
   padding-bottom: 16px !important;
   border: 0;
 }
diff --git a/styles/css/vtex.tab-layout.css b/styles/css/vtex.tab-layout.css
index 433165c..acff555 100644
--- a/styles/css/vtex.tab-layout.css
+++ b/styles/css/vtex.tab-layout.css
@@ -72,5 +72,6 @@
   .container--estrutura .contentContainer--listRender {
     margin-left: 0px;
     padding-right: 0px;
+    border-bottom: 1px solid #bfbfbf;
   }
 }
\ No newline at end of file
diff --git a/styles/sass/pages/product/vtex.flex-layout.scss b/styles/sass/pages/product/vtex.flex-layout.scss
index 860f8ea..c3eecc9 100644
--- a/styles/sass/pages/product/vtex.flex-layout.scss
+++ b/styles/sass/pages/product/vtex.flex-layout.scss
@@ -27,8 +27,8 @@
     font-weight: 300;
     font-size: 20px;
     line-height: 34px;
-    text-align: right;
     color: #575757;
+    margin-bottom: 8px ;
     @media (max-width: 1024px) {
       text-align: left;
     }
@@ -79,6 +79,7 @@
     font-size: 20px;
     line-height: 34px;
     color: #575757;
+    margin-bottom: 8px;
     @media (max-width: 1024px) {
       text-align: left;
     }
diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss
index bd0e590..4d6ad1f 100644
--- a/styles/sass/pages/product/vtex.store-components.scss
+++ b/styles/sass/pages/product/vtex.store-components.scss
@@ -50,8 +50,8 @@
   .container--newsletter {
     background-color: $color-black;
     color: $color-white;
-    margin-top: 67px;
-    padding-top: 32px;
+    margin-top: 67px !important;
+    padding-top: 32px !important;
     padding-bottom: 16px !important;
     border: 0;
   }
diff --git a/styles/sass/pages/product/vtex.tab-layout.scss b/styles/sass/pages/product/vtex.tab-layout.scss
index d64003b..edb84d2 100644
--- a/styles/sass/pages/product/vtex.tab-layout.scss
+++ b/styles/sass/pages/product/vtex.tab-layout.scss
@@ -1,6 +1,8 @@
 .container--estrutura {
   padding-left: 40px !important ;
   padding-right: 40px !important;
+  // @media (max-width: 1024px) {
+  // }
   .listContainer--Guias {
     flex-direction: row;
     justify-content: space-between;
@@ -56,6 +58,7 @@
     @media (max-width: 1024px) {
       margin-left: 0px;
       padding-right: 0px;
+      border-bottom: 1px solid #bfbfbf;
     }
   }
-}
\ No newline at end of file
+}