From f6e9c544e68da69e463a9a855490db1ed86e93d1 Mon Sep 17 00:00:00 2001
From: Henry Oswald <henry.oswald@sharelatex.com>
Date: Wed, 7 Jan 2015 14:59:56 +0000
Subject: [PATCH] slightly improved the breakdown form. Still not very pretty.

---
 services/web/app/views/subscriptions/new.jade | 21 ++++++++++++-------
 .../web/public/stylesheets/app/plans.less     |  4 +++-
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/services/web/app/views/subscriptions/new.jade b/services/web/app/views/subscriptions/new.jade
index bf730024e3..b4f5f8e279 100644
--- a/services/web/app/views/subscriptions/new.jade
+++ b/services/web/app/views/subscriptions/new.jade
@@ -145,17 +145,22 @@ block content
 												.form-group
 													input.form-control(type='text', ng-blur="applyCoupon()", ng-model="data.coupon", placeholder="#{translate('coupon')}")
 
-									.form-group
-										button.btn.btn-success(ng-click="submit()", ng-disabled="processing") #{translate("upgrade_now")} 
 
 									.row
-										.col-md-12
-											span.pull-right
-												div Subtotal - {{price.currency.symbol}}{{price.next.subtotal}}
-												div Tax - {{price.currency.symbol}}{{price.next.tax}}
+										.col-md-6
+											.form-group
+												button.btn.btn-success(ng-click="submit()", ng-disabled="processing") #{translate("upgrade_now")} 
+									
+										.col-md-3.pricingBreakdown
+												div Subtotal
+												div Tax
 												div
-													strong Total - {{price.currency.symbol}}{{price.next.total}}
-
+													strong Total
+										.col-md-3
+												div {{price.currency.symbol}}{{price.next.subtotal}}
+												div {{price.currency.symbol}}{{price.next.tax}}
+												div
+													strong {{price.currency.symbol}}{{price.next.total}}
 
 
 				.col-md-3.col-md-pull-4
diff --git a/services/web/public/stylesheets/app/plans.less b/services/web/public/stylesheets/app/plans.less
index 3f7d6c2fae..c375052394 100644
--- a/services/web/public/stylesheets/app/plans.less
+++ b/services/web/public/stylesheets/app/plans.less
@@ -104,6 +104,8 @@ input.paymentTypeOption.ng-valid {
 	padding-top: 15px;
 }
 
-
+.pricingBreakdown {
+	text-align: right;
+}