fix(submission-flow): fix manuscript files step

packages/component-faraday-ui/src/FileSection.js

@@ -32,6 +32,7 @@ const FileSection = ({
   isFirst,
   required,
   moveItem,
+  maxFiles,
   isFileItemOver,
   canDropFileItem,
   connectFileDrop,
@@ -58,9 +59,14 @@ const FileSection = ({
         <Label required={required}>{title}</Label>
         <FilePicker
           allowedFileExtensions={allowedFileExtensions}
+          disabled={files.length >= maxFiles}
           onUpload={onFilePick}
         >
-          <ActionLink icon="plus" size="small">
+          <ActionLink
+            disabled={files.length >= maxFiles}
+            icon="plus"
+            size="small"
+          >
             UPLOAD FILE
           </ActionLink>
         </FilePicker>

packages/component-faraday-ui/src/ManuscriptCard.js

@@ -152,7 +152,7 @@ const Root = styled.div`
   box-shadow: ${th('boxShadow')};
   cursor: pointer;
   display: flex;
-  margin: ${th('gridUnit')};
+  margin-bottom: ${th('gridUnit')};
 
   &:hover {
     box-shadow: ${th('dashboardCard.hoverShadow')};

packages/component-faraday-ui/src/WizardFiles.js

@@ -42,7 +42,6 @@ const WizardFiles = ({
       onFileDrop={addFile('coverLetter')}
       onFilePick={addFile('coverLetter')}
       onPreview={previewFile}
-      required
       title="Cover Letter"
     />
     <FileSection

packages/components-faraday/src/components/Dashboard/Dashboard.js

 import React, { Fragment } from 'react'
-import { Button, H1 } from '@pubsweet/ui'
+import { Button } from '@pubsweet/ui'
 import { compose, withProps } from 'recompose'
 import { Row } from 'pubsweet-component-faraday-ui'
 
@@ -15,8 +15,7 @@ const Dashboard = ({
   getDefaultFilterValue,
 }) => (
   <Fragment>
-    <Row alignItems="center" justify="space-between">
-      <H1 mb={1}>Dashboard</H1>
+    <Row alignItems="center" justify="flex-end">
       <Button
         data-test="new-manuscript"
         disabled={!canCreateDraft}