diff --git a/client/less/jobs.less b/client/less/jobs.less index 428855e97e..cb1175f536 100644 --- a/client/less/jobs.less +++ b/client/less/jobs.less @@ -5,3 +5,8 @@ a.jobs-list-highlight:hover { background-color: #ffc } + +.jobs-list { + cursor: pointer; + cursor: hand; +} diff --git a/common/app/routes/Jobs/components/List.jsx b/common/app/routes/Jobs/components/List.jsx index d416497721..2ba49a064f 100644 --- a/common/app/routes/Jobs/components/List.jsx +++ b/common/app/routes/Jobs/components/List.jsx @@ -1,4 +1,5 @@ import React, { PropTypes } from 'react'; +import classnames from 'classnames'; import { ListGroup, ListGroupItem } from 'react-bootstrap'; import moment from 'moment'; @@ -22,9 +23,15 @@ export default React.createClass({ isHighlighted, postedOn }) => { + + const className = classnames({ + 'jobs-list': true, + 'jobs-list-highlight': isHighlighted + }); + return ( handleClick(id) }>

diff --git a/common/app/routes/Jobs/components/NewJob.jsx b/common/app/routes/Jobs/components/NewJob.jsx index 3c2c16bf37..440fb7df53 100644 --- a/common/app/routes/Jobs/components/NewJob.jsx +++ b/common/app/routes/Jobs/components/NewJob.jsx @@ -14,7 +14,7 @@ import { Col, Input, Row, - Well + Panel } from 'react-bootstrap'; import { @@ -197,8 +197,10 @@ export default contain({ return (
- - + +

Create Your Job Post

-
+
diff --git a/common/app/routes/Jobs/components/Preview.jsx b/common/app/routes/Jobs/components/Preview.jsx index 752c10ed4b..a6249e4b2a 100644 --- a/common/app/routes/Jobs/components/Preview.jsx +++ b/common/app/routes/Jobs/components/Preview.jsx @@ -1,5 +1,5 @@ import React, { PropTypes } from 'react'; -import { Well, Button, Row } from 'react-bootstrap'; +import { Panel, Button, Row, Col } from 'react-bootstrap'; import { contain } from 'thundercats-react'; import ShowJob from './ShowJob.jsx'; @@ -29,24 +29,30 @@ export default contain(
- - - - + + + + + +
);