edited tasks style

GSG-G8 · Jun 9, 2020 · 5f14588 · 5f14588
1 parent 866078e
commit 5f14588
Show file tree

Hide file tree

Showing 2 changed files with 42 additions and 29 deletions.
diff --git a/client/src/components/pages/application/Tasks/index.css b/client/src/components/pages/application/Tasks/index.css
@@ -31,6 +31,11 @@
 .Task_container_page h6{
   font-size: 1.5rem;
 }
+.Task_container_page input {
+  height: 0.3rem;
+  background-color: rgb(255, 255, 255);
+  width: 30rem;
+}
 
 @media only screen and (max-width: 1150px) {
 
@@ -104,10 +109,15 @@
     background-color: rgba(245, 245, 245, 0.699);
     display: flex;
     flex-direction: column;
-    width: 30rem;
+    width: 23rem;
     z-index: 1;
-    margin-left: 10rem;
-    padding-right: 10%;
+    margin-left: 0;
+    padding-right: 0%;
     margin-top: 2rem;
   }
+  .Task_container_page input {
+    height: 0.3rem;
+    background-color: rgb(255, 255, 255);
+    width: 20rem;
+  }
 }
diff --git a/client/src/components/pages/application/Tasks/index.js b/client/src/components/pages/application/Tasks/index.js
@@ -116,33 +116,36 @@ const Tasks = ({ userId, userData }) => {
               </div>
             ))}
           </div>
-          <div className="Form_container">
-            <div className="label_container">
-              <img src={gitHub} alt="GitHub" />
-              <Typography className="label">Project link</Typography>
-            </div>
-            <TextField
-              name="technicalTasksProjects"
-              value={technicalTasksLinks}
-              onChange={(e) => {
-                setTechnicalTasksLinks(e.target.value);
-                setMessage('');
-              }}
-              isError={
-                message.includes('Enter Your GitHub Project link') ||
-                message.includes('Error in Github project link')
-              }
-              message={
-                message.includes('Error in Github project link') &&
-                technicalTasksLinks.trim() !== ''
-                  ? 'Error in Github project link'
-                  : ''
-              }
-              placeholder="ex: https://github.com/{yourGithubProfile}/{yourProjectName}"
-            />
+          <div className="label_container">
+            <img src={gitHub} alt="GitHub" />
+            <Typography className="label">Project link</Typography>
           </div>
-          <div className="tasks_buttons">
-            <Button onClick={() => history.push('/accounts')}>Back </Button>
+          <TextField
+            name="technicalTasksProjects"
+            value={technicalTasksLinks}
+            onChange={(e) => {
+              setTechnicalTasksLinks(e.target.value);
+              setMessage('');
+            }}
+            isError={
+              message.includes('Enter Your GitHub Project link') ||
+              message.includes('Error in Github project link')
+            }
+            message={
+              message.includes('Error in Github project link') &&
+              technicalTasksLinks.trim() !== ''
+                ? 'Error in Github project link'
+                : ''
+            }
+            placeholder="ex: https://github.com/{yourGithubProfile}/{yourProjectName}"
+          />
+          <div className="container_buttons">
+            <Button
+              onClick={() => history.push('/accounts')}
+              customStyle="outlined"
+            >
+              Back{' '}
+            </Button>
             <Button disabled={isDisable} onClick={Next}>
               Next
             </Button>