From 6512170e9b6e38306d4ce03b77232ad0f9a6b354 Mon Sep 17 00:00:00 2001
From: Berkeley Martinez <Berkeley@robotie.com>
Date: Thu, 15 Oct 2015 22:24:05 -0700
Subject: [PATCH] Add styling to preview jobs Add cursor pointer

---
 client/less/jobs.less                         |  5 +++
 common/app/routes/Jobs/components/List.jsx    |  9 +++-
 common/app/routes/Jobs/components/NewJob.jsx  | 10 +++--
 common/app/routes/Jobs/components/Preview.jsx | 44 +++++++++++--------
 4 files changed, 44 insertions(+), 24 deletions(-)

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