From ac840c99f2fac85d86e4a8c1421df9fa57fd0954 Mon Sep 17 00:00:00 2001
From: Demetriad Sinzeanu <demetriad.sinzeanu@thinslices.com>
Date: Tue, 9 Oct 2018 11:31:40 +0300
Subject: [PATCH] fix(ResponseToInvitation): Confirmation radio-buttons
alignment on confirmation box
changed radio-button to be in the same row and aligned with the accept/decline options
---
.../manuscriptDetails/ResponseToInvitation.js | 19 ++++++++++++-------
1 file changed, 12 insertions(+), 7 deletions(-)
diff --git a/packages/component-faraday-ui/src/manuscriptDetails/ResponseToInvitation.js b/packages/component-faraday-ui/src/manuscriptDetails/ResponseToInvitation.js
index 5ce45b9d8..7558e95eb 100644
--- a/packages/component-faraday-ui/src/manuscriptDetails/ResponseToInvitation.js
+++ b/packages/component-faraday-ui/src/manuscriptDetails/ResponseToInvitation.js
@@ -47,7 +47,18 @@ const ResponseToInvitation = ({
<Label required>{label}</Label>
<ValidatedField
component={input => (
- <RadioGroup inline name="decision" options={options} {...input} />
+ <Row alignItems="center" justify="space-between">
+ <RadioGroup inline name="decision" options={options} {...input} />
+ <Button
+ mb={1.7}
+ mr={2.6}
+ onClick={handleSubmit}
+ primary
+ size="medium"
+ >
+ {buttonLabel}
+ </Button>
+ </Row>
)}
name="decision"
validate={[required]}
@@ -68,12 +79,6 @@ const ResponseToInvitation = ({
</Item>
</RowOverrideAlert>
)}
-
- <Row justify="flex-end" mb={1} pr={1}>
- <Button onClick={handleSubmit} primary size="medium">
- {buttonLabel}
- </Button>
- </Row>
</ContextualBox>
)
--
GitLab