From 0c9844b3b90253509ea14d38ab7025376caa999b Mon Sep 17 00:00:00 2001
From: Alexandru Munteanu <alexandru.munt@gmail.com>
Date: Fri, 8 Jun 2018 11:39:59 +0300
Subject: [PATCH] fix(ui): report form fixes
---
.../src/components/ReviewerReportForm.js | 10 ++++++----
.../src/components/SignUp/ReviewerInviteDecision.js | 2 +-
2 files changed, 7 insertions(+), 5 deletions(-)
diff --git a/packages/component-manuscript/src/components/ReviewerReportForm.js b/packages/component-manuscript/src/components/ReviewerReportForm.js
index 542d92c25..b8ca662a4 100644
--- a/packages/component-manuscript/src/components/ReviewerReportForm.js
+++ b/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)`
diff --git a/packages/components-faraday/src/components/SignUp/ReviewerInviteDecision.js b/packages/components-faraday/src/components/SignUp/ReviewerInviteDecision.js
index 8bc8a1e6e..f55c227cc 100644
--- a/packages/components-faraday/src/components/SignUp/ReviewerInviteDecision.js
+++ b/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}
--
GitLab