From 0aa09213343883d1a3b3ea1278b1ecf4801409ff Mon Sep 17 00:00:00 2001
From: anuj <anujkashyap@email.com>
Date: Sun, 2 Feb 2025 01:13:26 -0800
Subject: [PATCH] 389 SUBSCRIBERS ON YOURUBE FAMILY

---
 hidden-search/index.html | 2 +-
 hidden-search/script.js  | 4 +++-
 hidden-search/style.css  | 3 +++
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/hidden-search/index.html b/hidden-search/index.html
index 54f45b9..506bd80 100644
--- a/hidden-search/index.html
+++ b/hidden-search/index.html
@@ -11,7 +11,7 @@
     <div class="search">
       <input type="text" class="input" placeholder="Search...">
       <button class="btn">
-        <i class="fas fa-search"></i>
+        <i class="fas fa-search" id="sear"></i>
       </button>
     </div>
     <script src="script.js"></script>
diff --git a/hidden-search/script.js b/hidden-search/script.js
index e8eb0d0..cc5e53d 100644
--- a/hidden-search/script.js
+++ b/hidden-search/script.js
@@ -4,5 +4,7 @@ const input = document.querySelector('.input')
 
 btn.addEventListener('click', () => {
     search.classList.toggle('active')
-    input.focus()
+    input.focus();
+    btn.style.borderRadius = '20px';
+    input.style.borderRadius = '20px';
 })
\ No newline at end of file
diff --git a/hidden-search/style.css b/hidden-search/style.css
index 4dadd30..859c511 100644
--- a/hidden-search/style.css
+++ b/hidden-search/style.css
@@ -26,6 +26,7 @@ body {
   font-size: 18px;
   padding: 15px;
   height: 50px;
+  border-radius: 20px;
   width: 50px;
   transition: width 0.3s ease;
 }
@@ -38,6 +39,7 @@ body {
   position: absolute;
   top: 0;
   left: 0;
+  border-radius: 20px;
   height: 50px;
   width: 50px;
   transition: transform 0.3s ease;
@@ -54,4 +56,5 @@ body {
 
 .search.active .btn {
   transform: translateX(198px);
+  background-color: aqua;
 }