From 9dc45aad697be731c54692a408403a47808ee6c1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Adem=C3=ADlson=20F=2E=20Tonato?= Date: Wed, 28 Oct 2020 10:45:37 +0000 Subject: [PATCH 1/2] fix: adjust min and max width of the add to cart button --- components/product/ProductView/ProductView.module.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/components/product/ProductView/ProductView.module.css b/components/product/ProductView/ProductView.module.css index ddcb426670..dec06f6658 100644 --- a/components/product/ProductView/ProductView.module.css +++ b/components/product/ProductView/ProductView.module.css @@ -78,8 +78,13 @@ } .button { - min-width: 300px; text-align: center; + width: 100%; + max-width: 300px; + + @screen sm { + min-width: 300px; + } } .wishlistButton { From 80b96115b61b5bc6c85b819270ad327eb1909ce0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Adem=C3=ADlson=20F=2E=20Tonato?= Date: Wed, 28 Oct 2020 10:46:43 +0000 Subject: [PATCH 2/2] fix: define min input width only for the required viewports --- components/core/Searchbar/Searchbar.module.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/components/core/Searchbar/Searchbar.module.css b/components/core/Searchbar/Searchbar.module.css index edfdeb53ad..5004831958 100644 --- a/components/core/Searchbar/Searchbar.module.css +++ b/components/core/Searchbar/Searchbar.module.css @@ -1,6 +1,9 @@ .input { @apply bg-transparent px-3 py-2 appearance-none w-full transition duration-150 ease-in-out pr-10; - min-width: 300px; + + @screen sm { + min-width: 300px; + } } .input:focus {