From 389bcfe6f87ad19c33e4106d6e83f79d2b78628e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Wodniczak?= <michal.wodniczak@o2.pl>
Date: Thu, 29 Feb 2024 17:09:14 +0100
Subject: [PATCH 1/3] added StyledLink to Header

---
 src/common/Navigation/Header/index.js  | 14 ++++++++------
 src/common/Navigation/Header/styled.js |  8 +++++++-
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/common/Navigation/Header/index.js b/src/common/Navigation/Header/index.js
index 6454ed6..5496f10 100644
--- a/src/common/Navigation/Header/index.js
+++ b/src/common/Navigation/Header/index.js
@@ -1,12 +1,14 @@
-import { Link } from "react-router-dom";
 import { toMovieList, toPeopleList } from "../../../app/routes";
-import { StyledHeader, Logo, Title, StyledList, StyledNavLink } from "./styled";
+import { StyledHeader, Logo, Title, StyledList, StyledNavLink, StyledLink } from "./styled";
 export const Header = () => (
     <StyledHeader>
-        <Link to="/">
-            <Logo />
-        </Link>
-        <Title>Movies Browser</Title>
+        <StyledLink to="/">
+            <StyledList>
+                <Logo />
+                <Title>Movies Browser</Title>
+            </StyledList>
+
+        </StyledLink>
         <nav>
             <StyledList>
                 <li><StyledNavLink to={toMovieList()}>Movies</StyledNavLink></li>
diff --git a/src/common/Navigation/Header/styled.js b/src/common/Navigation/Header/styled.js
index 620c6df..870c675 100644
--- a/src/common/Navigation/Header/styled.js
+++ b/src/common/Navigation/Header/styled.js
@@ -1,7 +1,8 @@
 import styled from "styled-components";
-import { NavLink } from "react-router-dom";
+import { NavLink, Link } from "react-router-dom";
 import { ReactComponent as WebsiteLogo } from "../../../assets/icon-video.svg"
 
+
 export const StyledHeader = styled.header`
     display: flex;
     align-items: center;
@@ -18,6 +19,10 @@ export const StyledHeader = styled.header`
     };
 `
 
+export const StyledLink = styled(Link)`
+    text-decoration: none;
+`
+
 export const Logo = styled(WebsiteLogo)`
     width: 40px;
     height: 40px;
@@ -49,6 +54,7 @@ export const StyledList = styled.ul`
     margin: 23px 78px 23px 68px;
     list-style-type: none;
     display: flex;
+    align-items: center;
     gap: 16px;
     color: ${({ theme }) => theme.color.white};
     padding: 0;

From ef1c9506bfbfc35561b6222a9992ae8c1336d5df Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Wodniczak?= <michal.wodniczak@o2.pl>
Date: Thu, 29 Feb 2024 17:16:46 +0100
Subject: [PATCH 2/3] delted clear lane

---
 src/common/Navigation/Header/index.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/common/Navigation/Header/index.js b/src/common/Navigation/Header/index.js
index 5496f10..af9fa7a 100644
--- a/src/common/Navigation/Header/index.js
+++ b/src/common/Navigation/Header/index.js
@@ -7,7 +7,6 @@ export const Header = () => (
                 <Logo />
                 <Title>Movies Browser</Title>
             </StyledList>
-
         </StyledLink>
         <nav>
             <StyledList>

From d794f0c7e024f934755b87f5e3c357cd0d1aabda Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Wodniczak?= <michal.wodniczak@o2.pl>
Date: Thu, 29 Feb 2024 17:27:15 +0100
Subject: [PATCH 3/3] added 100% width to Input

---
 src/common/Navigation/Search/styled.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/common/Navigation/Search/styled.js b/src/common/Navigation/Search/styled.js
index 64fa1e5..98805f7 100644
--- a/src/common/Navigation/Search/styled.js
+++ b/src/common/Navigation/Search/styled.js
@@ -21,6 +21,7 @@ export const Wrapper = styled.label`
 `;
 
 export const Input = styled.input`
+    width:100%;
     font-size: 16px;
     color: ${({ theme }) => theme.color.darkGray};
     border: none;