Add styling to preview jobs

Add cursor pointer

client/less/jobs.less

@@ -5,3 +5,8 @@
 a.jobs-list-highlight:hover {
   background-color: #ffc
 }
+
+.jobs-list {
+  cursor: pointer;
+  cursor: hand;
+}

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 (
           <ListGroupItem
-            className={ isHighlighted ? 'jobs-list-highlight' : '' }
+            className={ className }
             onClick={ () => handleClick(id) }>
             <div>
               <h4 style={{ display: 'inline-block' }}>

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 (
         <div>
           <Row>
-            <Col>
-              <Well className='text-center'>
+            <Col
+              md={ 10 }
+              mdOffset={ 1 }>
+              <Panel className='text-center'>
                 <h1>Create Your Job Post</h1>
                 <form
                   className='form-horizontal'
@@ -317,7 +319,7 @@ export default contain({
                     </Col>
                   </Row>
                 </form>
-              </Well>
+              </Panel>
             </Col>
           </Row>
         </div>

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(
         <div>
           <ShowJob job={ job } />
           <Row>
-            <Well>
-              <Button
-                block={ true }
-                className='signup-btn'
-                onClick={ () => {
-                  jobActions.saveJobToDb({
-                    goTo: '/jobs/new/check-out',
-                    job
-                  });
-                }}>
-                Looks great! Let's Check Out
-              </Button>
-              <Button
-                block={ true }
-                onClick={ () => appActions.goBack() } >
-                Head back and make edits
-              </Button>
-            </Well>
+            <Col
+              md={ 10 }
+              mdOffset={ 1 }
+              xs={ 12 }>
+              <Panel>
+                <Button
+                  block={ true }
+                  className='signup-btn'
+                  onClick={ () => {
+                    jobActions.saveJobToDb({
+                      goTo: '/jobs/new/check-out',
+                      job
+                    });
+                  }}>
+
+                  Looks great! Let's Check Out
+                </Button>
+                <Button
+                  block={ true }
+                  onClick={ () => appActions.goBack() } >
+                  Head back and make edits
+                </Button>
+              </Panel>
+            </Col>
           </Row>
         </div>
       );