From e9a5d11935c5edcd9f88b4bfe6510cded3cd4492 Mon Sep 17 00:00:00 2001
From: Adilson Fernando <ornellas00@hotmail.com>
Date: Wed, 8 Feb 2023 01:40:46 -0300
Subject: [PATCH] fix: tirando o padding-left do label do button do tab-layout
 nas telas abaixo de 1024px

---
 styles/css/vtex.tab-layout.css                 | 10 ++++++++++
 styles/sass/pages/product/vtex.tab-layout.scss |  6 ++++++
 2 files changed, 16 insertions(+)

diff --git a/styles/css/vtex.tab-layout.css b/styles/css/vtex.tab-layout.css
index a6a0610..8c4252b 100644
--- a/styles/css/vtex.tab-layout.css
+++ b/styles/css/vtex.tab-layout.css
@@ -63,6 +63,11 @@
     font-size: 18px;
   }
 }
+@media (max-width: 1024px) {
+  .container--estrutura .listContainer--Guias .listItem--renderGuia :global(.vtex-button__label) {
+    padding-left: 0px;
+  }
+}
 .container--estrutura .listContainer--Guias .listItemActive--renderGuia {
   border-bottom: 3px solid #000000;
   background-color: white;
@@ -90,6 +95,11 @@
     font-size: 18px;
   }
 }
+@media (max-width: 1024px) {
+  .container--estrutura .listContainer--Guias .listItemActive--renderGuia :global(.vtex-button__label) {
+    padding-left: 0px;
+  }
+}
 .container--estrutura .contentContainer--listRender {
   margin-left: 32px;
   padding-right: 52px;
diff --git a/styles/sass/pages/product/vtex.tab-layout.scss b/styles/sass/pages/product/vtex.tab-layout.scss
index 163ad6a..33fb770 100644
--- a/styles/sass/pages/product/vtex.tab-layout.scss
+++ b/styles/sass/pages/product/vtex.tab-layout.scss
@@ -40,6 +40,9 @@
         @media (max-width: 1920px) {
           font-size: 18px;
         }
+        @media (max-width:1024px) {
+          padding-left: 0px;
+        }
       }
     }
     .listItemActive--renderGuia {
@@ -63,6 +66,9 @@
         @media (max-width: 1920px) {
           font-size: 18px;
         }
+        @media (max-width:1024px) {
+          padding-left: 0px;
+        }
       }
     }
   }