From ee02b5d0b8b5b94df1013ff72e6146839ae83a01 Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Sun, 18 Sep 2022 18:31:48 +0300
Subject: [PATCH] Header fixes

---
 src/components/Nav/Header.scss | 12 ++++++++++++
 src/components/Nav/Header.tsx  |  6 ++++++
 2 files changed, 18 insertions(+)

diff --git a/src/components/Nav/Header.scss b/src/components/Nav/Header.scss
index 91592c9c..18c9d962 100644
--- a/src/components/Nav/Header.scss
+++ b/src/components/Nav/Header.scss
@@ -263,3 +263,15 @@ nav {
     z-index: 1;
   }
 }
+
+.header__search {
+  text-transform: lowercase;
+
+  .icon {
+    display: inline-block;
+    height: 1em;
+    margin-right: 0.3em;
+    vertical-align: middle;
+    width: 1em;
+  }
+}
diff --git a/src/components/Nav/Header.tsx b/src/components/Nav/Header.tsx
index c1478d98..a1f747e8 100644
--- a/src/components/Nav/Header.tsx
+++ b/src/components/Nav/Header.tsx
@@ -109,6 +109,12 @@ export const Header = () => {
                   </li>
                 )}
               </For>
+              <li class="header__search">
+                <a href="#">
+                  <Icon name="search" />
+                  {t('Search')}
+                </a>
+              </li>
             </ul>
           </div>
           <div class="usernav">