Răsfoiți Sursa

Sort out responsive flow

James Allen 12 ani în urmă
părinte
comite
fd8991f62e
1 a modificat fișierele cu 21 adăugiri și 19 ștergeri
  1. 21 19
      services/web/app/views/subscriptions/new.jade

+ 21 - 19
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}")