diff --git a/frontend/src/components/people-list/invite.js b/frontend/src/components/people-list/invite.js index 6ae16156..3c3bdd1f 100644 --- a/frontend/src/components/people-list/invite.js +++ b/frontend/src/components/people-list/invite.js @@ -1,13 +1,30 @@ const React = require('react'); +const styled = require('styled-components'); const Row = require('@ui/components/row'); const Column = require('@ui/components/column'); const Button = require('@ui/components/button'); +const { + default: Styled +} = styled; + // TOOD: Require from UI Components - causes issue ATM. const Select = require('react-select'); require('react-select/dist/react-select.css'); +const SelectWrapper = Styled.div` + + .Select-menu-outer { + margin-top: 48px; + } + + .Select-arrow { + position: relative; + top: -4px; + } +`; + const Invite = React.createClass({ propTypes: { @@ -66,6 +83,7 @@ const Invite = React.createClass({ width: '75%', minHeight: '50px', marginBottom: '20px', + paddingTop: '10px' }; const AddButtonStyle = { @@ -94,15 +112,17 @@ const Invite = React.createClass({
- + + +