From 368951345d0397dddf532461958462a77ac55461 Mon Sep 17 00:00:00 2001
From: Caroline Moran <carol.moran@agenciam3.com>
Date: Wed, 21 Dec 2022 14:00:41 -0400
Subject: [PATCH] fix: ajustes css

---
 .../sass/checkout/_checkout-carrinho.scss     | 25 ++++++++++++++++---
 .../sass/checkout/_checkout-vazio.scss        | 21 +++++++++++++---
 2 files changed, 39 insertions(+), 7 deletions(-)

diff --git a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
index bdaf892..84a3de1 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
@@ -6,9 +6,7 @@
 
 .cart-template {
     font-family: $font-family;
-    @media (max-width: 1200px) {
-        padding: 0 16px;
-    }
+
     .item-unit-label {
         display: none;
     }
@@ -481,6 +479,10 @@
                         width: 20px;
                         height: 20px;
                     }
+                    @media (max-width: 1024px) {
+                        margin-right: 0px;
+                        margin-bottom: 2px;
+                    }
                     @media (max-width: 320px) {
                         width: 8px;
                         height: 8px;
@@ -1149,6 +1151,12 @@
                 }
             }
         }
+        &-template-holder {
+            @media (max-width: 1024px) {
+                padding: 0 16px;
+                width: auto;
+            }
+        }
     }
 
     .cart-links-bottom {
@@ -1159,8 +1167,10 @@
         @media (min-width: 2500px) {
             width: 34.6191566%;
         }
-        @media (max-width: 1200px) {
+        @media (max-width: 1024px) {
+            padding: 0 16px;
             width: 100%;
+            box-sizing: border-box;
         }
 
         .link-choose-more-products-wrapper {
@@ -1271,6 +1281,9 @@
 
 .cart-template.full-cart {
     margin-bottom: 0;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
     .cart {
         table {
             tbody {
@@ -1309,6 +1322,10 @@
                     @media (max-width: 599px) {
                         padding: 0px;
                         margin-left: unset;
+                        width: 99px;
+                    }
+                    input {
+                        width: 45px;
                     }
                 }
                 td.item-remove {
diff --git a/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss b/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss
index 6cadc0b..c529924 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss
@@ -21,6 +21,11 @@
             font-size: 48px;
             line-height: 65px;
         }
+        @media (max-width: 1024px) {
+            margin: 121.5px 0 22px;
+            font-size: 18px;
+            line-height: 25px;
+        }
     }
     &-message {
         display: none;
@@ -39,14 +44,24 @@
             text-align: center;
             text-transform: uppercase;
             color: #000000;
-            width: 31.989%;
+            width: 31.739%;
             padding: 15px 0;
             margin-top: 0;
             max-width: 327px;
             cursor: pointer;
+            box-sizing: border-box;
 
-            &:hover {
-                background: lighten($color-black, 5);
+            @media (min-width: 2500px) {
+                width: 32.02%;
+                height: 66px;
+                min-width: 638.67px;
+                font-size: 28px;
+                line-height: 33px;
+            }
+            @media (max-width: 1024px) {
+                width: 250px;
+                height: 48px;
+                min-width: unset;
             }
         }
     }