From 2024b583330345980a4bfe38b28c65688cf9fbea Mon Sep 17 00:00:00 2001
From: Rob Simpson <rsimpson2@me.com>
Date: Mon, 15 Feb 2016 15:07:44 -0500
Subject: [PATCH] Update candidate view UI

---
 src/js/routes/Ballot/Candidate.jsx      | 21 +++++++++++++--------
 src/sass/base/_base.scss                |  4 ++++
 src/sass/components/_itemActionbar.scss |  2 +-
 3 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/src/js/routes/Ballot/Candidate.jsx b/src/js/routes/Ballot/Candidate.jsx
index ff014d03e..a26f9fe38 100644
--- a/src/js/routes/Ballot/Candidate.jsx
+++ b/src/js/routes/Ballot/Candidate.jsx
@@ -12,7 +12,10 @@ import StarAction from '../../components/StarAction';
 export default class Candidate extends Component {
   static propTypes = {
     //history: PropTypes.func.isRequired,
+    history: PropTypes.string,
+    oppose_on: PropTypes.boolean,
     params: PropTypes.object.isRequired,
+    support_on: PropTypes.boolean
   };
 
   constructor(props) {
@@ -41,8 +44,8 @@ export default class Candidate extends Component {
     }
 
     return (
-    <section className="candidate">
-      <div className='candidate-detail-route'>
+    <section className="candidate well well-90 gutter-top--small">
+      <div className="candidate-detail-route list-group-item">
         {/*
         <header className="row">
           <div className="col-xs-6 col-md-6 text-center">
@@ -97,14 +100,16 @@ export default class Candidate extends Component {
                 Courtesy of Ballotpedia.org */}
             </div>
           </div>
-          <div className="col-xs-8">
-            <div>Running for <span className="running-for-office-emphasis">{ candidate.office_display_name }</span></div>
-            <ItemActionBar2 we_vote_id={candidate.we_vote_id}
-                           is_support={candidate.is_support} is_oppose={candidate.is_oppose}
-                           supportCount={candidate.supportCount} opposeCount={candidate.opposeCount} />
+          <div className="row" style={{ "paddingBottom": "10" }}>
+            <div className="col-xs-8">
+              <div>Running for <span className="running-for-office-emphasis">{ candidate.office_display_name }</span></div>
+            </div>
           </div>
+          <ItemActionBar2 we_vote_id={candidate.we_vote_id}
+                         is_support={candidate.is_support} is_oppose={candidate.is_oppose}
+                          supportCount={candidate.supportCount} opposeCount={candidate.opposeCount} />
         </div>
-        <div className="container-fluid well well-90">
+        <div className="container-fluid well-90">
           {/* Post privately box */}
           {/*
           <ul className="list-group">
diff --git a/src/sass/base/_base.scss b/src/sass/base/_base.scss
index 04f69adf2..7c1adc5d1 100644
--- a/src/sass/base/_base.scss
+++ b/src/sass/base/_base.scss
@@ -7,6 +7,10 @@ html {
     box-sizing: border-box;
 }
 
+#app {
+  height: 100%;
+}
+
 *, *::before, *::after {
     box-sizing: inherit;
 }
diff --git a/src/sass/components/_itemActionbar.scss b/src/sass/components/_itemActionbar.scss
index 7a0c2a22a..c17530878 100644
--- a/src/sass/components/_itemActionbar.scss
+++ b/src/sass/components/_itemActionbar.scss
@@ -1,4 +1,4 @@
-.item-actionbar {
+.item-actionbar, .item-actionbar2 {
   border-top: 1px solid #DDD;
   padding:10px 5px;