Add styling to jobs list

This commit is contained in:
Berkeley Martinez
2015-10-15 21:10:06 -07:00
parent a65384e698
commit 979583e0c9

View File

@ -1,7 +1,7 @@
import React, { cloneElement, PropTypes } from 'react'; import React, { cloneElement, PropTypes } from 'react';
import { contain } from 'thundercats-react'; import { contain } from 'thundercats-react';
import { History } from 'react-router'; import { History } from 'react-router';
import { Button, Panel, Row } from 'react-bootstrap'; import { Button, Panel, Row, Col } from 'react-bootstrap';
import CreateJobModal from './CreateJobModal.jsx'; import CreateJobModal from './CreateJobModal.jsx';
import ListJobs from './List.jsx'; import ListJobs from './List.jsx';
@ -61,19 +61,29 @@ export default contain(
return ( return (
<Panel> <Panel>
<h1>Free Code Camps' Job Board</h1>
<Row> <Row>
<Col
md={ 10 }
mdOffset= { 1 }
xs={ 12 }>
<h1 className='text-center'>Free Code Camps' Job Board</h1>
<Row>
<Col
xs={ 10 }
xsOffset={ 1 }>
<p> <p>
Need to find the best junior developers? Need to find the best junior developers?
Want to find dedicated developers eager to join your company? Post your job today!
Sign up now to post your job!
</p> </p>
<Button <Button
block={ true }
bsSize='large' bsSize='large'
className='signup-btn' className='signup-btn'
onClick={ jobActions.openModal }> onClick={ jobActions.openModal }>
Post a job: $200 for 60 days. Post a job: $200 for 60 days.
</Button> </Button>
<div className='spacer' />
</Col>
</Row> </Row>
<Row> <Row>
{ this.renderChild(children, jobs) || { this.renderChild(children, jobs) ||
@ -82,6 +92,8 @@ export default contain(
<CreateJobModal <CreateJobModal
onHide={ jobActions.closeModal } onHide={ jobActions.closeModal }
showModal={ showModal } /> showModal={ showModal } />
</Col>
</Row>
</Panel> </Panel>
); );
} }