From 979583e0c9293fd0d767b21e7a244d0bc897cae0 Mon Sep 17 00:00:00 2001
From: Berkeley Martinez <Berkeley@robotie.com>
Date: Thu, 15 Oct 2015 21:10:06 -0700
Subject: [PATCH] Add styling to jobs list

---
 common/app/routes/Jobs/components/Jobs.jsx | 52 +++++++++++++---------
 1 file changed, 32 insertions(+), 20 deletions(-)

diff --git a/common/app/routes/Jobs/components/Jobs.jsx b/common/app/routes/Jobs/components/Jobs.jsx
index ab5834c706..fec91fc342 100644
--- a/common/app/routes/Jobs/components/Jobs.jsx
+++ b/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,27 +61,39 @@ export default contain(
 
       return (
         <Panel>
-          <h1>Free Code Camps' Job Board</h1>
           <Row>
-            <p>
-              Need to find the best junior developers?
-              Want to find dedicated developers eager to join your company?
-              Sign up now to post your job!
-            </p>
-            <Button
-              bsSize='large'
-              className='signup-btn'
-              onClick={ jobActions.openModal }>
-              Post a job: $200 for 60 days.
-            </Button>
+            <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?
+                    Post your job today!
+                  </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) ||
+                this.renderList(this.handleJobClick, jobs) }
+              </Row>
+              <CreateJobModal
+                onHide={ jobActions.closeModal }
+                showModal={ showModal } />
+            </Col>
           </Row>
-          <Row>
-          { this.renderChild(children, jobs) ||
-            this.renderList(this.handleJobClick, jobs) }
-          </Row>
-          <CreateJobModal
-            onHide={ jobActions.closeModal }
-            showModal={ showModal } />
         </Panel>
       );
     }