Merge pull request #1088 from ujj654/search

Search bar issue has resolved  #1026

Author: codervivek5

index.html

@@ -1980,17 +1980,17 @@ <h2>Cart</h2>
     function playButton() {
       alert("App development is in progress!");
     }
+   </script>
 
-
-  </script>
   <script>
     const scrollButton = document.querySelector('.go-top');
 
     // Show the button when the user scrolls
     window.addEventListener('scroll', () => {
       if (window.scrollY > 300) {
         scrollButton.style.display = 'block';
-      } else {
+      } 
+      else {
         scrollButton.style.display = 'none';
       }
     });

style/style.css

@@ -354,18 +354,23 @@ body.dark {
 
 .local input[type='search'] {
   padding: 1rem 5rem 1rem 2rem;
-  border-radius: 40px;
+  border-radius: 42px;
   font-family: sans-serif;
   border: none;
-  background-color: #d9d9d9;
+  background-color: hsl(0, 0%, 85%);
   text-align: center;
-  font-size: 20px;
+  font-size: 33px;
+}
+
+#search::-webkit-search-cancel-button{
+  position:relative;
+  margin-left: 10px;
 }
 
 .local img {
-  width: 50px;
-  position: relative;
-  right: 80px;
+  width: 52px;
+  position:relative;
+  right: 75px;
 }
 
 ::placeholder {
@@ -707,7 +712,7 @@ body.dark {
 
   .local input[type='search'] {
     padding: 10px 20px;
-    font-size: 18px;
+    font-size: 20px;
   }
 
   .Accessories-box {