[home][m]-implement minimal front page

components/search/Input.tsx

@@ -19,7 +19,7 @@ export default function Input({ query }) {
   }
 
   return (
-    <form onSubmit={handleSubmit}>
+    <form onSubmit={handleSubmit} className="flex items-center">
       <input
          type='text'
          name='q'
@@ -27,8 +27,9 @@ export default function Input({ query }) {
          onChange={handleChange}
          placeholder='Search'
          aria-label='Search'
-         className="bg-white focus:outline-none focus:shadow-outline border border-gray-300 rounded-lg py-2 px-4 block w-full appearance-none leading-normal"
+         className="bg-white focus:outline-none focus:shadow-outline border border-gray-300 w-1/2 rounded-lg py-2 px-4 block appearance-none leading-normal"
        />
+      <button onClick={handleSubmit} className="inline-block text-sm px-4 py-3 mx-3 leading-none border rounded text-white bg-black border-black lg:mt-0">Search</button>
     </form>
   )
 }