korjattu muotoilua. Lisätty hakunappu

src/components/App.js

@@ -171,11 +171,7 @@ function App() {
 
     return (
         <div className="App">
-            <thead>
-            <tr>
-                <th className="cityheader">Saved cities</th>
-            </tr>
-            </thead>
+        <div className="container">
             <div className="savedCities">
                 <table>
                     <tbody>
@@ -201,14 +197,18 @@ function App() {
                         onKeyPress={searchLocation}
                         placeholder='Write a city here...'
                         type="text"/>
+                        
                     {!notLoggedIn &&
                         <div>
-                        Save
+                        <button className="searchButton" onClick={searchLocation}> Check Weather</button><br/>
+                        Save 
                         <input className="pointer" type="checkbox" onClick={handleCheckBoxClick}/>
+                        
                         </div>
                     }
                 </div>
-                <div className="container">
+                
+                
                     <div className="top">
                         <div className="location">
                             <p>{data.name}</p>
@@ -238,7 +238,7 @@ function App() {
                         </div>
                     }
                 </div>
-            </div>
+            
 
             {notLoggedIn &&
             <div className="login">
@@ -264,7 +264,10 @@ function App() {
                     }
                 </Form>
             </div>}
-            {!notLoggedIn && <button onClick={handleLogout} className="loginBtn">Log out</button>}
+            
+                {!notLoggedIn && <div className='login'> <button onClick={handleLogout} className="loginBtn">Log out</button> </div>}
+            
+        </div>
         </div>
     );
 }