Improve styling of upgrade messages

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

@@ -114,34 +114,36 @@ div.full-size.pdf(ng-controller="PdfController")
 		.alert.alert-success(ng-show="pdf.timedout && !hasPremiumCompile")
 			p
 				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")
-						a.btn.btn-success(
+				a.btn.btn-success.row-spaced-small(
 					href
 					ng-class="buttonClass"
 					sixpack-convert="track_changes_feature_info"

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
+						.col-md-8.col-md-offset-2
+							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.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,36 +1,35 @@
 div#trackChanges(ng-show="ui.view == 'track-changes'")
 	span(ng-controller="TrackChangesPremiumPopup")
-		span(ng-if="versioningPopupType == 'default'")
 		.upgrade-prompt(ng-show="!project.features.versioning")
 			.message(ng-show="project.owner._id == user.id")
-
+				p.text-center: strong #{translate("upgrade_to_get_feature", {feature:"full Project History"})}
-					p #{translate("upgrade_to_get_feature", {feature:"Entire Doc History"})}
+				p.text-center.small(ng-show="startedFreeTrial") #{translate("refresh_page_after_starting_free_trial")}
-					p.small(ng-show="startedFreeTrial") #{translate("refresh_page_after_starting_free_trial")}
+				ul.list-unstyled
-					h4 
+					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.text-center(ng-controller="FreeTrialModalController")
 					a.btn.btn-success(
 						href
 						ng-class="buttonClass"
@@ -38,49 +37,6 @@ div#trackChanges(ng-show="ui.view == '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')"
-					) #{translate("start_free_trial")}
-
-
 			.message(ng-show="project.owner._id != user.id")
 				p #{translate("ask_proj_owner_to_upgrade_for_history")}
 				p

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;
 		}