From 0e8ae91d0dc4e64c84b9c5d945e890df92029efe Mon Sep 17 00:00:00 2001
From: Sebastian Kippe <sebastian@kip.pe>
Date: Sun, 5 Feb 2017 16:44:58 +0800
Subject: [PATCH] Add button to confirm proposals

---
 app/components/proposal-list/template.hbs |  2 ++
 app/styles/components/_proposal-list.scss | 20 ++++++++++++++++++++
 2 files changed, 22 insertions(+)

diff --git a/app/components/proposal-list/template.hbs b/app/components/proposal-list/template.hbs
index d981cdc..81fdec2 100644
--- a/app/components/proposal-list/template.hbs
+++ b/app/components/proposal-list/template.hbs
@@ -3,5 +3,7 @@
     Issue{{#if proposal.executed}}d{{/if}}
     <span class="amount">{{proposal.amount}}</span><span class="symbol">₭S</span>
     to <span class="recipient">{{proposal.recipientName}}</span>
+
+    <button {{action "confirm"}}>+1</button>
   </li>
 {{/each}}
diff --git a/app/styles/components/_proposal-list.scss b/app/styles/components/_proposal-list.scss
index 7c8d1a0..298b494 100644
--- a/app/styles/components/_proposal-list.scss
+++ b/app/styles/components/_proposal-list.scss
@@ -25,6 +25,26 @@ ul.proposal-list {
     .recipient {
       font-weight: 500;
     }
+
+    button {
+      display: inline-block;
+      float: right;
+      height: 2rem;
+      line-height: 2rem;
+      margin-top: 1.1rem;
+      padding: 0 0.6rem;
+      border: 1px solid rgba(22, 21, 40, 1);
+      background-color: rgba(22, 21, 40, 0.6);
+      color: lightblue;
+      border-radius: 3px;
+      font-weight: 500;
+      text-transform: uppercase;
+      cursor: pointer;
+
+      &:hover {
+        background-color: rgba(22, 21, 40, 0.8);
+      }
+    }
   }
 
 }