min styles

yevhey · Jun 20, 2024 · 52e7157 · 52e7157
1 parent 0ca8ed2
commit 52e7157
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 10 deletions.
diff --git a/src/Home.tsx b/src/Home.tsx
@@ -22,15 +22,19 @@ const Home = (): ReactElement => {
   }, [value, setValues, dataRef.current])
 
   return (
-    <div>
-      <Search value={value} onChange={onChange} />
-      {!isLoading && values.map(({ name }) => (
-        <div key={name}>
-          <Link to={name}>
-            {name}
-          </Link>
-        </div>
-      ))}
+    <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
+      <div>
+        <Search value={value} onChange={onChange} />
+      </div>
+      <div>
+        {!isLoading && values.map(({ name }) => (
+          <div key={name}>
+            <Link to={name}>
+              {name}
+            </Link>
+          </div>
+        ))}
+      </div>
     </div>
   )
 }

diff --git a/src/Search.tsx b/src/Search.tsx
@@ -10,7 +10,7 @@ export const Search: ({ value, onChange }: { value: string, onChange: ({ target:
 
   return (
     <>
-      Search the pokemon:
+      Search the pokemon:&nbsp;
       <SearchInput ref={ref} value={value} onChange={onChange} />
     </>
   )