From 1ed576bee11e88d01dfdb40b146cdee8440b741d Mon Sep 17 00:00:00 2001
From: Berkeley Martinez <Berkeley@robotie.com>
Date: Thu, 15 Oct 2015 22:09:12 -0700
Subject: [PATCH] Style show job page

---
 common/app/routes/Jobs/components/ShowJob.jsx | 57 ++++++++++++++-----
 1 file changed, 42 insertions(+), 15 deletions(-)

diff --git a/common/app/routes/Jobs/components/ShowJob.jsx b/common/app/routes/Jobs/components/ShowJob.jsx
index b89d2b681a..b1d8faad5a 100644
--- a/common/app/routes/Jobs/components/ShowJob.jsx
+++ b/common/app/routes/Jobs/components/ShowJob.jsx
@@ -1,5 +1,5 @@
 import React, { PropTypes } from 'react';
-import { Row, Thumbnail, Panel, Well } from 'react-bootstrap';
+import { Row, Col, Thumbnail, Panel } from 'react-bootstrap';
 import moment from 'moment';
 
 const defaultImage =
@@ -50,22 +50,49 @@ export default React.createClass({
     return (
       <div>
         <Row>
-          <Well>
-            <Thumbnail
-              alt={ logo ? company + 'company logo' : 'stock image' }
-              src={ logo || defaultImage }
-              style={ thumbnailStyle } />
+          <Col
+            md={ 10 }
+            mdOffset={ 1 }
+            xs={ 12 }>
             <Panel>
-              Position: { position || 'N/A' }
-              <br />
-              Location: { locale ? locale : `${city}, ${state}` }
-              <br />
-              Contact: { email || phone || 'N/A' }
-              <br />
-              Posted On: { moment(postedOn).format('MMMM Do, YYYY') }
+              <Row>
+                <h2 className='text-center'>
+                  { company }
+                </h2>
+              </Row>
+              <div className='spacer' />
+              <Row>
+                <Col
+                  md={ 3 }
+                  mdPush={ 7 }>
+                  <Thumbnail
+                    alt={ logo ? company + 'company logo' : 'stock image' }
+                    src={ logo || defaultImage }
+                    style={ thumbnailStyle } />
+                </Col>
+                <Col
+                  md={ 4 }>
+
+                  Position: { position || 'N/A' }
+                  <br />
+                  Location: { locale ? locale : `${city}, ${state}` }
+                  <br />
+                  Contact: { email || phone || 'N/A' }
+                  <br />
+                  Posted On: { moment(postedOn).format('MMMM Do, YYYY') }
+                </Col>
+              </Row>
+              <div className='spacer' />
+              <Row>
+                <Col
+                  md={ 6 }
+                  mdOffset={ 3 }
+                  xs={ 12 }>
+                  <p>{ description }</p>
+                </Col>
+              </Row>
             </Panel>
-            <p>{ description }</p>
-          </Well>
+          </Col>
         </Row>
       </div>
     );