From 482185a71909123a0152d358c8fb90d427cc1c54 Mon Sep 17 00:00:00 2001
From: real-zephex <zephex-1@outlook.com>
Date: Sat, 11 May 2024 19:34:42 +0530
Subject: adjustments to the search bar on the anime page

---
 src/app/anime/components/search.jsx    | 2 +-
 src/app/anime/styles/search.module.css | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

(limited to 'src')

diff --git a/src/app/anime/components/search.jsx b/src/app/anime/components/search.jsx
index f916217..b8b4b53 100644
--- a/src/app/anime/components/search.jsx
+++ b/src/app/anime/components/search.jsx
@@ -41,7 +41,7 @@ const SearcBar = () => {
 						}}
 					></input>
 				</div>
-				<Link shallow href={"/"}>
+				<Link shallow href={"/anime/continueWatching"}>
 					<button className={styles.animeHistoryButton}>
 						History
 					</button>
diff --git a/src/app/anime/styles/search.module.css b/src/app/anime/styles/search.module.css
index d3564f7..b7e35ab 100644
--- a/src/app/anime/styles/search.module.css
+++ b/src/app/anime/styles/search.module.css
@@ -2,6 +2,7 @@
 	padding: 1rem 0 0.8rem 0;
 	display: flex;
 	align-items: center;
+	width: 100%;
 }
 
 .SearchInputContainer {
@@ -19,9 +20,10 @@
 	border: none;
 	background-color: #121212;
 	color: white;
-	margin: 0 0 0 0.4rem;
+	margin: 0 0.1rem 0 0.2rem;
 	padding: 0.5rem;
 	cursor: pointer;
+	border-radius: 0.5rem;
 }
 
 .SearchInputContainer input {
@@ -74,7 +76,7 @@
 }
 
 @media screen and (max-width: 768px) {
-	.SearchBarContainer {
+	.SearchInputContainer {
 		width: 100%;
 	}
 
-- 
cgit v1.2.3