Improve styling of upgrade messages

services/web/app/views/project/editor/pdf.jade

@@ -112,41 +112,43 @@ div.full-size.pdf(ng-controller="PdfController")
 					| #{translate("learn_how_to_make_documents_compile_quickly")}
 
 		.alert.alert-success(ng-show="pdf.timedout && !hasPremiumCompile")
-					p
+			p
-						strong #{translate("upgrade_for_faster_compiles")}
+				strong #{translate("upgrade_for_faster_compiles")}
-					h5 #{translate("free_accounts_have_timeout_upgrade_to_increase")}
+			p #{translate("free_accounts_have_timeout_upgrade_to_increase")}
-					h4 Plus:
+			p Plus:
-					h4 
+			p
+				ul.list-unstyled
+					li
 						i.fa.fa-check  
 						| #{translate("unlimited_projects")}
 					
-					h4
+					li
 						i.fa.fa-check  
 						| #{translate("collabs_per_proj", {collabcount:'Multiple'})}
 					
-					h4 
+					li
 						i.fa.fa-check  
 						| #{translate("full_doc_history")}
 					
-					h4 
+					li
 						i.fa.fa-check  
 						| #{translate("sync_to_dropbox")}
 
-					h4 
+					li
 						i.fa.fa-check  
 						| #{translate("sync_to_github")}
 
-					h4  
+					li
 						i.fa.fa-check  
 						|#{translate("compile_larger_projects")}
 
-					p(ng-controller="FreeTrialModalController")
+			p(ng-controller="FreeTrialModalController")
-						a.btn.btn-success(
+				a.btn.btn-success.row-spaced-small(
-							href
+					href
-							ng-class="buttonClass"
+					ng-class="buttonClass"
-							sixpack-convert="track_changes_feature_info"
+					sixpack-convert="track_changes_feature_info"
-							ng-click="startFreeTrial('compile-timeout')"
+					ng-click="startFreeTrial('compile-timeout')"
-						) #{translate("start_free_trial")}
+				) #{translate("start_free_trial")}
 
 	.pdf-errors(ng-show="pdf.projectTooLarge")
 		.alert.alert-danger

services/web/app/views/project/editor/share.jade

@@ -79,33 +79,36 @@ script(type='text/ng-template', id='shareProjectModalTemplate')
 								type="submit"
 								ng-mousedown="addMembers()"
 							) #{translate("share")}
-				div.text-center(ng-hide="canAddCollaborators")
+				div(ng-hide="canAddCollaborators")
-					p #{translate("need_to_upgrade_for_more_collabs")}.
+					p.text-center #{translate("need_to_upgrade_for_more_collabs")}. Also:
-					h4 
+					.row
-						i.fa.fa-check  
+						.col-md-8.col-md-offset-2
-						| #{translate("unlimited_projects")}
+							ul.list-unstyled
-					
+								li 
-					h4
+									i.fa.fa-check  
-						i.fa.fa-check  
+									| #{translate("unlimited_projects")}
-						| #{translate("collabs_per_proj", {collabcount:'Multiple'})}
+								
-					
+								li
-					h4 
+									i.fa.fa-check  
-						i.fa.fa-check  
+									| #{translate("collabs_per_proj", {collabcount:'Multiple'})}
-						| #{translate("full_doc_history")}
+								
-					
+								li 
-					h4 
+									i.fa.fa-check  
-						i.fa.fa-check  
+									| #{translate("full_doc_history")}
-						| #{translate("sync_to_dropbox")}
+								
+								li 
+									i.fa.fa-check  
+									| #{translate("sync_to_dropbox")}
 
-					h4 
+								li 
-						i.fa.fa-check  
+									i.fa.fa-check  
-						| #{translate("sync_to_github")}
+									| #{translate("sync_to_github")}
 
-					h4  
+								li  
-						i.fa.fa-check  
+									i.fa.fa-check  
-						|#{translate("compile_larger_projects")}
+									|#{translate("compile_larger_projects")}
 
-					p(ng-controller="FreeTrialModalController")
+					p.text-center.row-spaced-thin(ng-controller="FreeTrialModalController")
 						a.btn.btn-success(
 							href
 							ng-class="buttonClass"

services/web/app/views/project/editor/track-changes.jade

@@ -1,83 +1,39 @@
 div#trackChanges(ng-show="ui.view == 'track-changes'")
 	span(ng-controller="TrackChangesPremiumPopup")
-		span(ng-if="versioningPopupType == 'default'")
+		.upgrade-prompt(ng-show="!project.features.versioning")
-			.upgrade-prompt(ng-show="!project.features.versioning")
+			.message(ng-show="project.owner._id == user.id")
-				.message(ng-show="project.owner._id == user.id")
+				p.text-center: strong #{translate("upgrade_to_get_feature", {feature:"full Project History"})}
-
+				p.text-center.small(ng-show="startedFreeTrial") #{translate("refresh_page_after_starting_free_trial")}
-					p #{translate("upgrade_to_get_feature", {feature:"Entire Doc History"})}
+				ul.list-unstyled
-					p.small(ng-show="startedFreeTrial") #{translate("refresh_page_after_starting_free_trial")}
+					li 
-					h4 
 						i.fa.fa-check  
 						| #{translate("unlimited_projects")}
 					
-					h4
+					li
 						i.fa.fa-check  
 						| #{translate("collabs_per_proj", {collabcount:'Multiple'})}
 					
-					h4 
+					li 
 						i.fa.fa-check  
 						| #{translate("full_doc_history")}
 					
-					h4 
+					li 
 						i.fa.fa-check  
 						| #{translate("sync_to_dropbox")}
 
-					h4 
+					li 
 						i.fa.fa-check  
 						| #{translate("sync_to_github")}
 
-					h4  
+					li  
 						i.fa.fa-check  
 						|#{translate("compile_larger_projects")}
 
-					p(ng-controller="FreeTrialModalController")
+				p.text-center(ng-controller="FreeTrialModalController")
-						a.btn.btn-success(
-							href
-							ng-class="buttonClass"
-							ng-click="startFreeTrial('track-changes')"
-						) #{translate("start_free_trial")}
-
-
-				
-				.message(ng-show="project.owner._id != user.id")
-					p #{translate("ask_proj_owner_to_upgrade_for_history")}
-					p
-						a.small(href, ng-click="toggleTrackChanges()") #{translate("cancel")}
-						
-		.upgrade-prompt(ng-show="!project.features.versioning", ng-if="versioningPopupType == 'discount'")
-			.message(ng-show="project.owner._id == user.id")
-
-				p #{translate("upgrade_to_get_feature", {feature:"Entire Doc History"})}
-				h2(style="color:#a93529;") 20% Off First 6 Months!
-				p.small(ng-show="startedFreeTrial") #{translate("refresh_page_after_starting_free_trial")}
-				h4 
-					i.fa.fa-check  
-					| #{translate("unlimited_projects")}
-				
-				h4
-					i.fa.fa-check  
-					| #{translate("collabs_per_proj", {collabcount:'Multiple'})}
-				
-				h4 
-					i.fa.fa-check  
-					| #{translate("full_doc_history")}
-				
-				h4 
-					i.fa.fa-check  
-					| #{translate("sync_to_dropbox")}
-
-				h4 
-					i.fa.fa-check  
-					| #{translate("sync_to_github")}
-
-				h4  
-					i.fa.fa-check  
-					|#{translate("compile_larger_projects")}
-				p(ng-controller="FreeTrialModalController")
 					a.btn.btn-success(
 						href
 						ng-class="buttonClass"
-						ng-click="startFreeTrial('track-changes', 'cf3yutfzu7ztxz')"
+						ng-click="startFreeTrial('track-changes')"
 					) #{translate("start_free_trial")}
 
 

services/web/public/stylesheets/app/editor/track-changes.less

@@ -20,10 +20,8 @@
 		.message {
 			margin: auto;
 			margin-top: 100px;
-			padding: 10px 10px 14px 10px;
+			padding: (@line-height-computed / 2) @line-height-computed;
-			width: 500px;
+			width: 400px;
-			font-weight: bold;
-			text-align: center;
 			background-color: white;
 			border-radius: 8px;
 		}