Add forms fixed.

pages/components/NewTaskAdd.js

@@ -16,13 +16,13 @@ const NewTaskAdd = props => {
                     <form className="solution-add-area">
                         {isNewSolution ?
                         <div className="input-area">
-                            <input type="file" placeholder="Załaduj rozwiązanie"/>
+                            <input type="file"/>
                         </div>
                         :
                         <div className="input-area">
-                            <input type="text" placeholder="Podaj streszczenie zadania"/>
+                            <textarea type="text" rows="4" cols="90" placeholder="Podaj streszczenie zadania"/>
                             <input type="text" placeholder="Wybierz język programowania"/>
-                            <input type="text" placeholder="Podaj szczegóły zadania"/>
+                            <textarea type="text" rows="8" cols="90" placeholder="Podaj szczegóły zadania"/>
                         </div>
                         }
                         <div>

pages/components/UserAuthForm.js

@@ -15,7 +15,7 @@ const UserAuthForm = props => {
             {isRegisterForm ? 
             <h1>Rejestracja konta {isDeveloperAccount ? 'programisty' : 'firmy'} do systemu Task-O!</h1> : 
             <h1>Logowanie do systemu Task-O!</h1>}
-            <form>
+            <form className="auth-form">
                 {isEnterCodeStage &&
                     <ul>
                         <li>

style.css

@@ -151,7 +151,7 @@ h1 {
 
 /* register page */
 
-form {
+form.auth-form {
     display: flex;
     flex-direction: column;
     margin-top: 2%;
@@ -187,7 +187,8 @@ form span {
     border-right: 1px solid #E6EBF1;
 }
 
-form input {
+form input,
+form textarea {
     width: 100%;
     border: none;
     padding-left: 1.75rem;
@@ -522,15 +523,16 @@ div.task-description {
 /* solution add */
 
 main.solution-add .task-description {
-    width: 90%;
-    height: 100%;
+    /* width: 90%; */
+    /* height: 100%; */
 }
 
-.solution-add-area {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    height: 400px;
+div.solution-add-area {
+    /* display: flex; */
+    /* flex-direction: column; */
+    /* justify-content: space-between; */
+    /* width: 100%; */
+    /* height: 400px; */
 }
 
 .solution-add-message {
@@ -582,27 +584,31 @@ main.solution-add .task-description {
 /* new task add */
 
 form.solution-add-area {
-    min-width: 90%;
-    height: auto;
-    align-items: center;
+    display: flex;
+    flex-direction: column;
+    /* width: 100%; */
+    /* height: auto; */
+    /* align-items: center; */
 }
 
 .input-area {
-    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    /* width: 90%; */
 }
 
-.input-area input {
-    /* width: 100%; */
+.input-area input,
+.input-area textarea {
+    width: 90%;
+    padding: 0;
     margin: 3% 4%;
     box-shadow: 0px 7px 14px #32325D1A;
 }
 
-.input-area input:first-of-type {
-    height: 100px;
-}
-
-.input-area input:last-of-type {
-    height: 200px;
+textarea {
+    width: 100%;
+    border: none;
 }
 
 form.solution-add-area > div:last-of-type {