1
0
mirror of https://github.com/yldio/copilot.git synced 2024-11-10 21:30:06 +02:00

fixing spacing around table and button in invite table

This commit is contained in:
Alex Windett 2017-01-31 13:46:33 +00:00
parent 61db98e842
commit cb410b58f7
4 changed files with 33 additions and 7 deletions

View File

@ -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({
<Column xs={12}>
<form onSubmit={this.handleSubmit}>
<Select.Creatable
aria-label="member select"
onChange={handleSelectChange}
onNewOptionClick={handleSelectChange}
options={selectData}

View File

@ -1,12 +1,23 @@
const React = require('react');
const Styled = require('styled-components');
const Table = require('@ui/components/table-data-table');
const Checkbox = require('@ui/components/checkbox');
const fns = require('@ui/shared/functions');
const PersonStatus = require('./person-status');
const PersonRole = require('./person-role');
const PersonDelete = require('./person-delete');
const {
default: styled
} = Styled;
const {
remcalc
} = fns;
const PeopleTable = (props) => {
const {
@ -78,11 +89,17 @@ const PeopleTable = (props) => {
};
});
const StyledWrapper = styled.div`
margin-top: ${remcalc(40)};
`;
return (
<Table
columns={columns}
data={data}
/>
<StyledWrapper>
<Table
columns={columns}
data={data}
/>
</StyledWrapper>
);
};

View File

@ -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": [

View File

@ -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`