Update templates/search.html

templates/search.html

@@ -30,6 +30,10 @@
             border: 1px solid #ddd;
             box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
             outline: none;
+            background-color: #fff;
+        }
+        .search-container input::placeholder {
+            color: #888;
         }
         .search-icon {
             position: absolute;
@@ -65,8 +69,12 @@
             font-size: 1.2rem;
             font-weight: 600;
             color: #333;
+            margin: 0;
         }
         @media (max-width: 576px) {
+            body {
+                padding: 15px;
+            }
             .item-card {
                 padding: 8px;
             }
@@ -131,6 +139,9 @@
                     }
                 });
             });
+
+            // Focus the search bar on page load
+            searchBar.focus();
         });
     </script>
 </body>