diff --git a/client/src/components/DataSubmission/MolecularDataForm.js b/client/src/components/DataSubmission/MolecularDataForm.js index 358b37b5..4c2c63b5 100644 --- a/client/src/components/DataSubmission/MolecularDataForm.js +++ b/client/src/components/DataSubmission/MolecularDataForm.js @@ -7,7 +7,7 @@ import CustomSelect from '../Shared/CustomSelect'; const StyledMolecularDataForm = styled.div` display: flex; align-items: center; - margin-bottom: 20px; + margin-bottom: 10px; `; const StyledFormContainer = styled.div` @@ -23,13 +23,20 @@ const StyledFormContainer = styled.div` width: 250px; margin-right: 20px; } - .repo-url { + .tool-version { + width: 250px; + margin-left: 10px; + } + .first-repo-url { width: 350px; } + .second-repo-url { + width: 350px; + margin-left: 40px; + } `; const StyledButtonField = styled.div` - margin-left: 20px; .btn { margin-left: 10px; } @@ -55,95 +62,99 @@ const MolecularDataForm = (props) => { } = props; return( - -
- - {handleInputChange(e, index, 'name')}} - selectOne={true} - /> - {handleInputChange(e, index, 'filename')}} - /> - {handleInputChange(e, index, 'repoURL')}} - /> - - - {handleInputChange(e, index, 'toolname')}} - /> - {handleInputChange(e, index, 'toolversion')}} - /> - - - {handleInputChange(e, index, 'refname')}} - /> - {handleInputChange(e, index, 'refURL')}} - /> - -
- - { - index > 0 && -