Changed help icon position in submission form

EYRA-Benchmark · Mar 23, 2020 · 2aa5c62 · 2aa5c62
1 parent cd3c974
commit 2aa5c62
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 11 deletions.
diff --git a/src/components/Forms/Algorithm/AlgorithmSubmission.css b/src/components/Forms/Algorithm/AlgorithmSubmission.css
@@ -8,6 +8,9 @@
 .right {
   display: flex;
   justify-content: flex-end;
+  margin-top: -10px;
+  margin-left: -20px;
+  cursor: pointer;
 }
 
 .inputContainer {

diff --git a/src/components/Forms/Algorithm/AlgorithmSubmission.tsx b/src/components/Forms/Algorithm/AlgorithmSubmission.tsx
@@ -1,6 +1,5 @@
 import React from 'react';
-// import * as yup from 'yup';
-import { Button, Fab } from '@material-ui/core';
+import { Button } from '@material-ui/core';
 import { Field, Form, Formik } from 'formik';
 import { FormikActions } from 'formik';
 import { comicApi } from 'src/services/comicApi';
@@ -173,15 +172,7 @@ class AlgorithmSubmission extends React.Component<IProps & IUserProps, IState> {
                   >
                     <p>{benchmark.submission_instruction}</p>
                   </VisualizationDialog>}
-                <div className={styles.right}>
-                  <Fab
-                    size="small"
-                    color="secondary"
-                    onClick={() => this.setState({ showHelp: true })}
-                  >
-                    <HelpIcon color="primary" />
-                  </Fab>
-                </div>
+
                 {!isSaved ?
                   <>
                     <div className={styles.inputContainer}>
@@ -229,6 +220,12 @@ class AlgorithmSubmission extends React.Component<IProps & IUserProps, IState> {
                       </label>
                         </div>
                       </div>
+                      <div className={styles.right} title="submission support">
+                        <HelpIcon
+                          color="primary"
+                          onClick={() => this.setState({ showHelp: true })}
+                        />
+                      </div>
                       <div className={styles.error}>
                         {!createNewAlgorithm && errors.name && touched.name && errors.name}
                       </div>