From 08e0e47d3e184a1b7af03caeeb1a14460a6cd5a4 Mon Sep 17 00:00:00 2001
From: Rimian Perkins <hello@rimian.com.au>
Date: Thu, 23 Feb 2017 11:50:25 +1100
Subject: [PATCH] add some labels and the user table

---
 .../templates/components/stripe-card.hbs         |  8 +++++---
 .../discourse/templates/user/payments.hbs        | 16 +++++++++++++---
 config/locales/client.en.yml                     |  1 +
 plugin.rb                                        |  2 +-
 4 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/assets/javascripts/discourse/templates/components/stripe-card.hbs b/assets/javascripts/discourse/templates/components/stripe-card.hbs
index 9211231..e33716d 100644
--- a/assets/javascripts/discourse/templates/components/stripe-card.hbs
+++ b/assets/javascripts/discourse/templates/components/stripe-card.hbs
@@ -1,7 +1,7 @@
 <form id="payment-form" class="form-horizontal">
 
-  <div class="control-group">
-    <label class="control-label" for="card-element">Credit or debit card</label>
+  <div class="control-group" style="width: 550px;">
+    <label class="control-label" for="card-element">{{i18n 'discourse_payments.card'}}</label>
     <div id="card-element" class="controls"></div>
   </div>
 
@@ -12,6 +12,8 @@
   </div>
 
   {{#if result}}
-    <span>{{i18n 'discourse_payments.success'}}</span>
+    <div class="control-group">
+      <span>{{i18n 'discourse_payments.success'}}</span>
+    </div>
   {{/if}}
 </form>
diff --git a/assets/javascripts/discourse/templates/user/payments.hbs b/assets/javascripts/discourse/templates/user/payments.hbs
index a20184f..bca741e 100644
--- a/assets/javascripts/discourse/templates/user/payments.hbs
+++ b/assets/javascripts/discourse/templates/user/payments.hbs
@@ -1,4 +1,14 @@
-{{#d-section pageClass="stripe-payments"}}
-  <h2>{{i18n 'discourse_payments.title'}}</h2>
-  {{stripe-card}}
+{{#d-section pageClass="user-payments" class="user-content user-payments"}}
+  <div class="user-table">
+    <div class="wrapper">
+      <section class="user-navigation">
+        <ul class="action-list nav-stacked">
+          <li class="no-glyph">{{i18n 'discourse_payments.title'}}</li>
+        </ul>
+      </section>
+      <section class="user-right">
+        {{stripe-card}}
+      </section>
+    </div>
+  </div>
 {{/d-section}}
diff --git a/config/locales/client.en.yml b/config/locales/client.en.yml
index 051fd1d..fe1490a 100644
--- a/config/locales/client.en.yml
+++ b/config/locales/client.en.yml
@@ -2,5 +2,6 @@ en:
   js:
     discourse_payments:
       title: Donate
+      card: Credit or debit card
       success: Payment Successful
       submit: Make Payment
diff --git a/plugin.rb b/plugin.rb
index bcf1845..24a053d 100644
--- a/plugin.rb
+++ b/plugin.rb
@@ -1,6 +1,6 @@
 # name: discourse-payments
 # about: Integrating Discourse with Stripe
-# version: 1.3.1
+# version: 1.4.0
 # url: https://github.com/choiceaustralia/discourse-payments
 # authors: Rimian Perkins