Add more copy on show job

This commit is contained in:
Berkeley Martinez
2015-10-19 14:46:17 -07:00
parent 0a7f31a1d1
commit 0c6a9bbd71
3 changed files with 17 additions and 11 deletions

View File

@ -9,6 +9,10 @@ html,body,div,span,a,li,td,th {
font-weight: 300; font-weight: 300;
} }
bold {
font-weight: 500;
}
li, .wrappable { li, .wrappable {
white-space: pre; /* CSS 2.0 */ white-space: pre; /* CSS 2.0 */
white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-wrap; /* CSS 2.1 */

View File

@ -48,7 +48,7 @@ export default React.createClass({
onClick={ () => handleClick(id) }> onClick={ () => handleClick(id) }>
<div> <div>
<h4 style={{ display: 'inline-block' }}> <h4 style={{ display: 'inline-block' }}>
<span className='text-primary'>{ company }</span> <bold>{ company }</bold>
{' '} {' '}
<span className='hidden-xs hidden-sm'> <span className='hidden-xs hidden-sm'>
- { position } - { position }

View File

@ -1,6 +1,5 @@
import React, { PropTypes } from 'react'; import React, { PropTypes } from 'react';
import { Row, Col, Thumbnail, Panel } from 'react-bootstrap'; import { Row, Col, Thumbnail, Panel } from 'react-bootstrap';
import moment from 'moment';
const defaultImage = const defaultImage =
'https://pbs.twimg.com/' + 'https://pbs.twimg.com/' +
@ -43,7 +42,6 @@ export default React.createClass({
locale, locale,
email, email,
phone, phone,
postedOn,
description description
} = job; } = job;
@ -63,8 +61,8 @@ export default React.createClass({
<div className='spacer' /> <div className='spacer' />
<Row> <Row>
<Col <Col
md={ 3 } md={ 2 }
mdPush={ 7 }> mdOffset={ 3 }>
<Thumbnail <Thumbnail
alt={ logo ? company + 'company logo' : 'stock image' } alt={ logo ? company + 'company logo' : 'stock image' }
src={ logo || defaultImage } src={ logo || defaultImage }
@ -73,13 +71,10 @@ export default React.createClass({
<Col <Col
md={ 4 }> md={ 4 }>
Position: { position || 'N/A' } <bold>Position: </bold> { position || 'N/A' }
<br /> <br />
Location: { locale ? locale : `${city}, ${state}` } <bold>Location: </bold>
<br /> { locale ? locale : `${city}, ${state}` }
Contact: { email || phone || 'N/A' }
<br />
Posted On: { moment(postedOn).format('MMMM Do, YYYY') }
</Col> </Col>
</Row> </Row>
<div className='spacer' /> <div className='spacer' />
@ -91,6 +86,13 @@ export default React.createClass({
<p>{ description }</p> <p>{ description }</p>
</Col> </Col>
</Row> </Row>
<Row>
<Col
md={ 6 }
mdOffset={ 3 }>
<bold>Contact:</bold> { email || phone }
</Col>
</Row>
</Panel> </Panel>
</Col> </Col>
</Row> </Row>