add spacing between FundsManagement elements

This commit is contained in:
Barry Gitarts 2019-02-07 15:44:36 -05:00
parent 4d1b4f849c
commit 47e287adb0
2 changed files with 3 additions and 2 deletions

View File

@ -9,11 +9,12 @@ import CreateFunding from './CreateFunding'
const FundsManagement = ({ open }) => {
const windowWidth = window.visualViewport.width
const maxWidth = open ? `${windowWidth * 0.80}px` : '90vw'
const height = `${window.visualViewport.height * 2.2}px`
const WebkitTransition = 'all 0.25s ease-out 0s'
return (
<FundingContext.Consumer>
{({ appendPledges, appendFundProfile }) =>
<div style={{ maxWidth, WebkitTransition }}>
<div style={{ maxWidth, WebkitTransition, height, display: 'flex', flexDirection: 'column', justifyContent: 'space-between' }}>
<PledgesTable />
<FunderProfilesTable />
<AddFunder appendFundProfile={appendFundProfile} />

View File

@ -112,7 +112,7 @@ class PledgesTable extends Component {
}
]}
/>
{rowData && <WithdrawCard rowData={rowData} clearRowData={this.clearRowData} />}
{rowData ? <WithdrawCard rowData={rowData} clearRowData={this.clearRowData} /> : <div/>}
</Fragment>
)
}