diff --git a/frontend/src/components/people-list/invite.js b/frontend/src/components/people-list/invite.js index 05a2ad25..6ae16156 100644 --- a/frontend/src/components/people-list/invite.js +++ b/frontend/src/components/people-list/invite.js @@ -63,7 +63,9 @@ const Invite = React.createClass({ const InputStyle = { float: 'left', - width: '75%' + width: '75%', + minHeight: '50px', + marginBottom: '20px', }; const AddButtonStyle = { @@ -93,6 +95,7 @@ const Invite = React.createClass({
{ const { @@ -78,11 +89,17 @@ const PeopleTable = (props) => { }; }); + const StyledWrapper = styled.div` + margin-top: ${remcalc(40)}; + `; + return ( - + +
+ ); }; diff --git a/frontend/src/mock-state.json b/frontend/src/mock-state.json index 3808fa1b..e9464ab9 100644 --- a/frontend/src/mock-state.json +++ b/frontend/src/mock-state.json @@ -479,7 +479,7 @@ }, "orgs": { "ui": { - "invite_toggled": true, + "invite_toggled": false, "member_status_tooltip": false, "member_role_tooltip": false, "sections": [ @@ -535,7 +535,7 @@ }, "projects": { "ui": { - "invite_toggled": true, + "invite_toggled": false, "member_status_tooltip": false, "member_role_tooltip": false, "sections": [ diff --git a/ui/src/components/button/index.js b/ui/src/components/button/index.js index 6831d02f..810438b4 100644 --- a/ui/src/components/button/index.js +++ b/ui/src/components/button/index.js @@ -124,6 +124,12 @@ const style = css` const StyledButton = styled.button` min-width: ${remcalc(120)}; ${style} + + // Need to use HTML element selector, as adjecent buttons may have + // different class names if they are primary/secondary/disabled + & + button { + margin-left: 20px; + } `; const StyledAnchor = styled.a`