From 88b063d04d02cf0f76adc53265f0d5aa9897e336 Mon Sep 17 00:00:00 2001
From: devartes <anacavalcante731@gmail.com>
Date: Mon, 6 Feb 2023 09:04:13 -0300
Subject: [PATCH] style: corrigindo largura do Resultado Frete

---
 styles/css/vtex.store-components.css          | 37 +++----------------
 .../vtexStore/vtex.store-components.scss      | 24 ++----------
 2 files changed, 9 insertions(+), 52 deletions(-)

diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css
index 1aacdd0..921f1e8 100644
--- a/styles/css/vtex.store-components.css
+++ b/styles/css/vtex.store-components.css
@@ -519,25 +519,10 @@
 }
 .shippingTable .shippingTableHead .shippingTableRow {
   display: grid;
-  grid-template-columns: 13% 8% 17%;
+  grid-template-columns: 78px 48px 136px;
   grid-template-areas: "A B C";
   column-gap: 32px;
 }
-@media (max-width: 2561px) and (min-width: 1920px) {
-  .shippingTable .shippingTableHead .shippingTableRow {
-    grid-template-columns: 10% 5.6% 12.5%;
-  }
-}
-@media (max-width: 1025px) and (min-width: 768px) {
-  .shippingTable .shippingTableHead .shippingTableRow {
-    grid-template-columns: 9.6% 5.5% 11.5%;
-  }
-}
-@media (max-width: 768px) and (min-width: 375px) {
-  .shippingTable .shippingTableHead .shippingTableRow {
-    grid-template-columns: 30% 18% 39%;
-  }
-}
 .shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryName,
 .shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryEstimate,
 .shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryPrice {
@@ -572,26 +557,11 @@
 }
 .shippingTable .shippingTableBody .shippingTableRow {
   display: grid;
-  grid-template-columns: 13% 8% 17%;
+  grid-template-columns: 78px 48px 136px;
   grid-template-areas: "A B C";
   column-gap: 32px;
   margin-top: 15px;
 }
-@media (max-width: 2561px) and (min-width: 1920px) {
-  .shippingTable .shippingTableBody .shippingTableRow {
-    grid-template-columns: 10% 5.6% 12.5%;
-  }
-}
-@media (max-width: 1025px) and (min-width: 768px) {
-  .shippingTable .shippingTableBody .shippingTableRow {
-    grid-template-columns: 9.6% 5.5% 11.5%;
-  }
-}
-@media (max-width: 768px) and (min-width: 375px) {
-  .shippingTable .shippingTableBody .shippingTableRow {
-    grid-template-columns: 30% 18% 39%;
-  }
-}
 .shippingTable .shippingTableBody .shippingTableRow .shippingTableCellDeliveryName {
   grid-area: A;
   text-transform: capitalize;
@@ -611,6 +581,9 @@
   color: #afafaf;
   padding: 0;
 }
+.shippingTable .shippingTableBody .shippingTableRow .shippingTableCell .shippingTableLabel {
+  white-space: nowrap;
+}
 .shippingTable .shippingTableBody .shippingTableRow .shippingTableCell .shippingTableLabel .shippingTableRadioBtn {
   display: none;
 }
diff --git a/styles/sass/pages/product/vtexStore/vtex.store-components.scss b/styles/sass/pages/product/vtexStore/vtex.store-components.scss
index 70d0754..f3176c5 100644
--- a/styles/sass/pages/product/vtexStore/vtex.store-components.scss
+++ b/styles/sass/pages/product/vtexStore/vtex.store-components.scss
@@ -516,18 +516,9 @@
     display: block;
     .shippingTableRow {
       display: grid;
-      grid-template-columns: 13% 8% 17%;
+      grid-template-columns: 78px 48px 136px;
       grid-template-areas: "A B C";
       column-gap: 32px;
-      @media (max-width: 2561px) and (min-width: 1920px) {
-        grid-template-columns: 10% 5.6% 12.5%;
-      }
-      @media (max-width: 1025px) and (min-width: 768px) {
-        grid-template-columns: 9.6% 5.5% 11.5%;
-      }
-      @media (max-width: 768px) and (min-width: 375px) {
-        grid-template-columns: 30% 18% 39%;
-      }
       .shippingTableHeadDeliveryName,
       .shippingTableHeadDeliveryEstimate,
       .shippingTableHeadDeliveryPrice {
@@ -565,19 +556,10 @@
   .shippingTableBody {
     .shippingTableRow {
       display: grid;
-      grid-template-columns: 13% 8% 17%;
+      grid-template-columns: 78px 48px 136px;
       grid-template-areas: "A B C";
       column-gap: 32px;
       margin-top: 15px;
-      @media (max-width: 2561px) and (min-width: 1920px) {
-        grid-template-columns: 10% 5.6% 12.5%;
-      }
-      @media (max-width: 1025px) and (min-width: 768px) {
-        grid-template-columns: 9.6% 5.5% 11.5%;
-      }
-      @media (max-width: 768px) and (min-width: 375px) {
-        grid-template-columns: 30% 18% 39%;
-      }
       .shippingTableCellDeliveryName {
         grid-area: A;
         text-transform: capitalize;
@@ -597,6 +579,7 @@
         color: #afafaf;
         padding: 0;
         .shippingTableLabel {
+          white-space: nowrap;
           .shippingTableRadioBtn {
             display: none;
           }
@@ -606,6 +589,7 @@
   }
 }
 
+
 //Tab Layout
 
 .productImagesContainer--image-description {