From fd8991f62e3540a2b9b1588429eba093d54cc40d Mon Sep 17 00:00:00 2001
From: James Allen <james@sharelatex.com>
Date: Wed, 15 Oct 2014 10:23:08 +0100
Subject: [PATCH] Sort out responsive flow

---
 services/web/app/views/subscriptions/new.jade | 40 ++++++++++---------
 1 file changed, 21 insertions(+), 19 deletions(-)

diff --git a/services/web/app/views/subscriptions/new.jade b/services/web/app/views/subscriptions/new.jade
index eb36b93019..3cd4af749d 100644
--- a/services/web/app/views/subscriptions/new.jade
+++ b/services/web/app/views/subscriptions/new.jade
@@ -14,7 +14,27 @@ block content
 		.container(ng-controller="NewSubscriptionController" ng-cloak)
 			.row.card-group
 						
-				.col-lg-3
+				.col-md-6.col-md-push-3
+					.card.card-highlighted
+						.page-header
+							span.dropdown.changePlanButton.pull-right(ng-cloak)
+								a.btn.btn-default.dropdown-toggle(
+									href="#",
+									data-toggle="dropdown"
+								)
+									| {{currencyCode}} ({{plans[currencyCode]['symbol']}}) 
+									span.caret
+								ul.dropdown-menu(role="menu")
+									li(ng-repeat="(currency, value) in plans", dropdown-toggle)
+										a(
+											ng-click="changeCurrency(currency)",
+										) {{currency}} ({{value['symbol']}})
+							h1 #{translate("new_subscription")}
+						
+						#subscribeForm(style="min-height: 700px;") #{translate("loading_billing_form")}...
+						
+				
+				.col-md-3.col-md-pull-6
 					.card.card-first
 						.paymentPageFeatures
 							.page-header
@@ -46,24 +66,6 @@ block content
 							
 							p.small.text-center We're confident that you'll love ShareLaTeX, but if not you can cancel anytime. We'll give you your money back, no questions asked, if you let us know within 30 days.
 
-				.col-lg-6
-					.card.card-highlighted
-						.page-header
-							span.dropdown.changePlanButton.pull-right(ng-cloak)
-								a.btn.btn-default.dropdown-toggle(
-									href="#",
-									data-toggle="dropdown"
-								)
-									| {{currencyCode}} ({{plans[currencyCode]['symbol']}}) 
-									span.caret
-								ul.dropdown-menu(role="menu")
-									li(ng-repeat="(currency, value) in plans", dropdown-toggle)
-										a(
-											ng-click="changeCurrency(currency)",
-										) {{currency}} ({{value['symbol']}})
-							h1 #{translate("new_subscription")}
-						
-						#subscribeForm(style="min-height: 700px;") #{translate("loading_billing_form")}...
 
 	script(type="text/javascript").
 		ga('send', 'event', 'pageview', 'payment_form', "#{plan_code}")