Add styling to jobs list

common/app/routes/Jobs/components/Jobs.jsx

@@ -1,7 +1,7 @@
 import React, { cloneElement, PropTypes } from 'react';
 import { contain } from 'thundercats-react';
 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 ListJobs from './List.jsx';
@@ -61,19 +61,29 @@ export default contain(
 
       return (
         <Panel>
-          <h1>Free Code Camps' Job Board</h1>
           <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>
                     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>
                   <Button
+                    block={ true }
                     bsSize='large'
                     className='signup-btn'
                     onClick={ jobActions.openModal }>
                     Post a job: $200 for 60 days.
                   </Button>
+                  <div className='spacer' />
+                </Col>
               </Row>
               <Row>
               { this.renderChild(children, jobs) ||
@@ -82,6 +92,8 @@ export default contain(
               <CreateJobModal
                 onHide={ jobActions.closeModal }
                 showModal={ showModal } />
+            </Col>
+          </Row>
         </Panel>
       );
     }