Feedback page moved submit button

src/pages/feedback.js

@@ -159,6 +159,18 @@ export default function Feedback (props) {
           name: 'description',
           onChange: onChange
         })}
+        <div className={styles.buttonContainer} >
+          <button
+            className={styles.button}
+            onClick={handleSubmit}
+          >
+          Küldés
+          </button>
+        </div>
+        <hr />
+        <div className={styles.desc}>
+          Az alábbi mezők kitöltése opcionális, de hiba leírásnál nagyon sokat tud segíteni!
+        </div>
         {renderTextInputArea({
           text: 'Lépések amikkel előáll a hiba',
           name: 'steps',
@@ -183,12 +195,6 @@ export default function Feedback (props) {
           onChange={onChange}
           hidden
         />
-        <button
-          className={styles.button}
-          onClick={handleSubmit}
-        >
-          Küldés
-        </button>
         {renderResult()}
       </div>
     )
@@ -248,9 +254,9 @@ export default function Feedback (props) {
       <p />
       <hr />
       <p />
-      <div>
+      <div className={styles.desc}>
         Ebből csak a leírás kitöltése kötelező, de az összes többi sokat segít a hiba kijavításában!
-        <b>Legnagyobb segítség ha azt a kérdés oldalt és a hozzátartozó eredmények oldalt ahol nem
+        <b> Legnagyobb segítség ha azt a kérdés oldalt és a hozzátartozó eredmények oldalt ahol nem
         helyesen működnek a dolgok Ctrl+S -el lementet, és egy zip-ben feltöltöd!</b> Így egyszerűen
         reprodukálni tudom a hibát. TY!
       </div>

src/pages/feedback.module.css

@@ -7,6 +7,18 @@
   height: 120px;
 }
 
+.buttonContainer {
+  text-align: 'center';
+  width: 200px;
+  margin: 0 auto;
+  padding: 10px;
+}
+
+.desc {
+  font-size: 18px;
+  color: white;
+}
+
 .textTitle {
   color: var(--text-color);
   font-size: 26px;
@@ -17,10 +29,11 @@
   border: none;
   padding: 10px 30px;
   color: white;
+  width: 200px;
 }
 
 .textInputArea {
-  margin: 10px;
+  padding: 20px 0px;
 }
 
 .fileInput {