Przeglądaj źródła

Sort out responsive flow

James Allen 12 lat temu
rodzic
commit
fd8991f62e
1 zmienionych plików z 21 dodań i 19 usunięć
  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}")