Tweak front-end layout

services/web/app/views/subscriptions/domain/join.pug

@@ -14,33 +14,26 @@ block content
 						.alert.alert-warning #{translate("email_link_expired")}
 
 			.row.row-spaced
-				.col-md-8.col-md-offset-2(ng-cloak)
+				.col-md-8.col-md-offset-2.text-center(ng-cloak)
 					.card(ng-controller="DomainSubscriptionJoinController")
 						.page-header
 							h1.text-centered #{translate("you_are_invited_to_group", {groupName:licenceName})}
 
-						div(ng-show="view =='personalSubscription'").text-centered
-							div #{translate("cancel_personal_subscription_first")}
-							.row.row-spaced
-								.col-md-12
-									a.btn.btn.btn-default(ng-click="keepPersonalSubscription()", ng-disabled="inflight") #{translate("not_now")}
-									span  
-									a.btn.btn.btn-primary(ng-click="cancelSubscription()", ng-disabled="inflight") #{translate("cancel_your_subscription")}
+						div(ng-show="view =='personalSubscription'")
+							p #{translate("cancel_personal_subscription_first")}
+							p
+								a.btn.btn.btn-default(ng-click="keepPersonalSubscription()", ng-disabled="inflight") #{translate("not_now")}
+								|  
+								a.btn.btn.btn-primary(ng-click="cancelSubscription()", ng-disabled="inflight") #{translate("cancel_your_subscription")}
 
-						div(ng-show="view =='domainSubscriptionJoin'").text-centered
-							.row
-								.col-md-12 #{translate("group_provides_you_with_premium_account", {groupName:licenceName})}
-							.row
-								.col-md-12
-									.text-center
-										a.btn.btn-default(href="/project") #{translate("not_now")}
-										span  
-										a.btn.btn.btn-primary(ng-click="joinGroup()", ng-disabled="inflight") #{translate("verify_email_address")}  
+						div(ng-show="view =='domainSubscriptionJoin'")
+							p #{translate("group_provides_you_with_premium_account", {groupName:licenceName})}
+							p
+								a.btn.btn-default(href="/project") #{translate("not_now")}
+								|  
+								a.btn.btn.btn-primary(ng-click="joinGroup()", ng-disabled="inflight") #{translate("verify_email_address")}  
 
-
-						span(ng-show="view =='requestSent'").text-centered.text-center
-							.row
-								.col-md-12 #{translate("check_email_to_complete_the_upgrade")}
-							.row.row-spaced
-								.col-md-12
-									a.btn.btn.btn-primary(href="/project") #{translate("done")}
+						div(ng-show="view =='requestSent'")
+							p #{translate("check_email_to_complete_the_upgrade")}
+							p
+								a.btn.btn.btn-primary(href="/project") #{translate("done")}

services/web/app/views/subscriptions/team/invite.pug

@@ -15,33 +15,26 @@ block content
 						.alert.alert-warning #{translate("email_link_expired")}
 
 			.row.row-spaced
-				.col-md-8.col-md-offset-2(ng-cloak)
+				.col-md-8.col-md-offset-2.text-center(ng-cloak)
 					.card(ng-controller="TeamInviteController")
 						.page-header
 							h1.text-centered #{translate("invited_to_group", {inviterName: inviterName, appName: appName})}
 
-						div(ng-show="view =='personalSubscription'").text-centered.message
+						div(ng-show="view =='personalSubscription'")
 							p #{translate("cancel_personal_subscription_first")}
-							.row
-								.col-md-12
-									a.btn.btn.btn-default(ng-click="keepPersonalSubscription()", ng-disabled="inflight") #{translate("not_now")}
-									span  
-									a.btn.btn.btn-primary(ng-click="cancelPersonalSubscription()", ng-disabled="inflight") #{translate("cancel_your_subscription")}
+							p
+								a.btn.btn.btn-default(ng-click="keepPersonalSubscription()", ng-disabled="inflight") #{translate("not_now")}
+								|  
+								a.btn.btn.btn-primary(ng-click="cancelPersonalSubscription()", ng-disabled="inflight") #{translate("cancel_your_subscription")}
 
-						div(ng-show="view =='teamInvite'").row.text-centered.message
+						div(ng-show="view =='teamInvite'")
 							p #{translate("join_team_explanation", {appName: appName})}
-							.row 
-								.col-md-12
-									.text-center
-										a.btn.btn-default(href="/project") #{translate("not_now")}
-										span  
-										a.btn.btn.btn-primary(ng-click="joinTeam()", ng-disabled="inflight") #{translate("accept_invitation")} 
+							p
+								a.btn.btn-default(href="/project") #{translate("not_now")}
+								|  
+								a.btn.btn.btn-primary(ng-click="joinTeam()", ng-disabled="inflight") #{translate("accept_invitation")} 
 
-						div(ng-show="view =='inviteAccepted'").row.text-centered.text-center
-							.row
-								.col-md-12 #{translate("joined_team", {inviterName: inviterName})}
-							.row
-								.col-md-12  
-							.row
-								.col-md-12
-									a.btn.btn.btn-primary(href="/project") #{translate("done")}
+						div(ng-show="view =='inviteAccepted'")
+							p #{translate("joined_team", {inviterName: inviterName})}
+							p
+								a.btn.btn.btn-primary(href="/project") #{translate("done")}