From 7badbd9dc9f1ffa074733bd538ad094ba820c39b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Martin=20Kysel=C3=A1k?= <martin@kyselak.name>
Date: Thu, 4 Jan 2024 17:30:36 +0000
Subject: [PATCH] fix: fix design of search form

Fixes design of search input, button, removes label (placeholder text present instead).
---
 src/SearchWalletForm.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/SearchWalletForm.tsx b/src/SearchWalletForm.tsx
index cbbc11d..3f82aa3 100644
--- a/src/SearchWalletForm.tsx
+++ b/src/SearchWalletForm.tsx
@@ -20,13 +20,12 @@ export function SearchWalletForm({ onSearch }: Props) {
   return (
     <form noValidate className="border-b py-2" onSubmit={handleSubmit(onSearch)}>
       <div className={fieldStyle}>
-        <label htmlFor="address">Wallet Address</label>
         <input
           type="text"
           id="address"
           placeholder="Wallet address..."
           {...register('address', { required: 'You must enter a wallet address' })}
-          className={getEditorStyle(errors.address)}
+          className={'p-2 ' + getEditorStyle(errors.address)}
         />
         <ValidationError fieldError={errors.address} />
       </div>
@@ -34,7 +33,7 @@ export function SearchWalletForm({ onSearch }: Props) {
         <button
           type="submit"
           disabled={isSubmitting}
-          className="mt-2 h-10 px-4 font-semibold bg-slate-700 text-white self-start"
+          className="mt-2 p-2 font-semibold bg-slate-700 text-white self-start"
         >
           Search
         </button>