From 1137f12cae98862b8198d8b64a64e22ffb708c8c Mon Sep 17 00:00:00 2001
From: Dan <danretegan@yahoo.com>
Date: Wed, 14 Feb 2024 06:40:01 +0200
Subject: [PATCH] SearchForm stilization adjust

---
 src/components/searchForm/SearchForm.jsx        |  2 +-
 src/components/searchForm/SearchForm.module.css | 15 ++++++---------
 2 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/src/components/searchForm/SearchForm.jsx b/src/components/searchForm/SearchForm.jsx
index dbfaf28..af7cc7a 100644
--- 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
index 2df9243..e9206fd 100644
--- a/src/components/searchForm/SearchForm.module.css
+++ b/src/components/searchForm/SearchForm.module.css
@@ -1,18 +1,14 @@
-.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;
@@ -20,8 +16,9 @@
     cursor: pointer;
     font-size: 16px;
     padding: 8px 12px;
+    margin-top: 10px;
   }
   
-  .button:hover {
+.button:hover {
     background-color: #0056b3;
-  }
\ No newline at end of file
+  }