SearchForm stilization adjust

danretegan · Feb 14, 2024 · 1137f12 · 1137f12
1 parent ed4d296
commit 1137f12
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 10 deletions.
diff --git a/src/components/searchForm/SearchForm.jsx b/src/components/searchForm/SearchForm.jsx
@@ -17,7 +17,7 @@ export const SearchForm = ({ value, onSubmit }) => {
   };
 
   return (
-    <form onSubmit={handleSubmit} className={styles.form}>
+    <form onSubmit={handleSubmit}>
       <h2 className={styles.heading}>Movie Search:</h2>
       <input
         type="text"

diff --git a/src/components/searchForm/SearchForm.module.css b/src/components/searchForm/SearchForm.module.css
@@ -1,27 +1,24 @@
-.form {
-    margin: 20px;
-  }
-
-  .heading {
+.heading {
     font-size: 1.5em;
     margin-bottom: 10px;
   }
 
-  .input {
+.input {
     padding: 8px;
     margin-right: 8px;
   }
 
-  .button {
+.button {
     background-color: #007bff;
     border-radius: 5px;
     border: none;
     color: white;
     cursor: pointer;
     font-size: 16px;
     padding: 8px 12px;
+    margin-top: 10px;
   }
 
-  .button:hover {
+.button:hover {
     background-color: #0056b3;
-  }
+  }