From ea0e1939668d1760df03ab961a545d5e6d020eaa Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Mon, 26 Oct 2020 11:23:53 -0300
Subject: [PATCH] changes

---
 components/core/I18nWidget/I18nWidget.tsx             | 6 +++---
 components/core/Searchbar/Searchbar.module.css        | 7 +++++--
 components/product/ProductCard/ProductCard.module.css | 2 +-
 tailwind.config.js                                    | 1 +
 4 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/components/core/I18nWidget/I18nWidget.tsx b/components/core/I18nWidget/I18nWidget.tsx
index 698317a80..132553f7f 100644
--- a/components/core/I18nWidget/I18nWidget.tsx
+++ b/components/core/I18nWidget/I18nWidget.tsx
@@ -19,10 +19,10 @@ const I18nWidget: FC = () => {
     <nav className={s.root}>
       <Menu>
         <Menu.Button className={s.button} aria-label="Language selector">
-          <img className="" src="/flag-us.png" alt="US Flag" />
-          <span>{LOCALES_MAP[locale || defaultLocale]}</span>
+          <img className="mr-2" src="/flag-us.png" alt="US Flag" />
+          <span className="mr-2">{LOCALES_MAP[locale || defaultLocale]}</span>
           {options && (
-            <span className="">
+            <span>
               <DoubleChevron />
             </span>
           )}
diff --git a/components/core/Searchbar/Searchbar.module.css b/components/core/Searchbar/Searchbar.module.css
index 2ed57f2c0..edfdeb53a 100644
--- a/components/core/Searchbar/Searchbar.module.css
+++ b/components/core/Searchbar/Searchbar.module.css
@@ -1,9 +1,12 @@
 .input {
-  @apply bg-transparent px-3 py-2 appearance-none w-full transition
-  duration-150 ease-in-out pr-10;
+  @apply bg-transparent px-3 py-2 appearance-none w-full transition duration-150 ease-in-out pr-10;
   min-width: 300px;
 }
 
+.input:focus {
+  @apply outline-none shadow-outline-2;
+}
+
 .iconContainer {
   @apply absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none;
 }
diff --git a/components/product/ProductCard/ProductCard.module.css b/components/product/ProductCard/ProductCard.module.css
index c0f2356f8..c47a0c287 100644
--- a/components/product/ProductCard/ProductCard.module.css
+++ b/components/product/ProductCard/ProductCard.module.css
@@ -118,7 +118,7 @@
 }
 
 .wishlistButton {
-  @apply w-10 h-10 flex ml-auto items-center justify-center bg-primary text-primary font-semibold inline-block text-xs leading-6 cursor-pointer;
+  @apply w-10 h-10 flex ml-auto flex items-center justify-center bg-primary text-primary font-semibold  text-xs leading-6 cursor-pointer;
 }
 
 .imageContainer {
diff --git a/tailwind.config.js b/tailwind.config.js
index 51b5f003c..fcadb5892 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -45,6 +45,7 @@ module.exports = {
         secondary: 'var(--text-secondary)',
       },
       boxShadow: {
+        'outline-2': '0 0 0 2px var(--accents-2)',
         magical:
           'rgba(0, 0, 0, 0.02) 0px 30px 30px, rgba(0, 0, 0, 0.03) 0px 0px 8px, rgba(0, 0, 0, 0.05) 0px 1px 0px',
       },