fix(ui): report form fixes

packages/component-manuscript/src/components/ReviewerReportForm.js

@@ -93,7 +93,6 @@ const ReviewerReportForm = ({
       />
     </Row>
     <Spacing />
-    <Spacing />
     <Row left>
       <Label>Report</Label>
       {!fileFetching.review ? (
@@ -112,7 +111,7 @@ const ReviewerReportForm = ({
       )}
     </Row>
     <Row>
-      <FullWidth>
+      <FullWidth className="full-width">
         <ValidatedField
           component={TextAreaField}
           name="public"
@@ -122,7 +121,6 @@ const ReviewerReportForm = ({
     </Row>
     {formValues.files && (
       <Fragment>
-        <Spacing />
         <Row left>
           {formValues.files.map(file => (
             <FileItem
@@ -318,7 +316,7 @@ const Textarea = styled.textarea`
 
 const Spacing = styled.div`
   flex: 1;
-  margin-top: ${th('gridUnit')};
+  margin-top: calc(${th('gridUnit')} / 2);
 `
 
 const FullWidth = styled.div`
@@ -337,6 +335,10 @@ const Row = styled.div`
   flex: 1;
   flex-wrap: wrap;
   justify-content: ${({ left }) => (left ? 'left' : 'space-between')};
+
+  div[role='alert'] {
+    margin-top: 0;
+  }
 `
 
 const ActionButton = styled(Button)`

packages/components-faraday/src/components/SignUp/ReviewerInviteDecision.js

@@ -43,7 +43,7 @@ const ReviewerInviteDecision = ({
     {agree === 'true' && (
       <FormContainer onSubmit={handleSubmit}>
         <Row>
-          <RowItem>
+          <RowItem vertical>
             <Label> Password </Label>
             <ValidatedField
               component={PasswordField}