From 4b6e2c4e4d6352c91bbc806ab4de68020ae2f9de Mon Sep 17 00:00:00 2001
From: Tim Abbott <tabbott@zulip.com>
Date: Fri, 23 Jul 2021 21:18:50 -0700
Subject: [PATCH] plans: Explain annual billing model more clearly.

---
 static/styles/portico/landing_page.css | 11 ++++++-----
 templates/zerver/for-education.html    |  4 ++++
 templates/zerver/plans.html            |  2 ++
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/static/styles/portico/landing_page.css b/static/styles/portico/landing_page.css
index 8002004ad7..181647eaad 100644
--- a/static/styles/portico/landing_page.css
+++ b/static/styles/portico/landing_page.css
@@ -2646,7 +2646,7 @@ nav {
 }
 
 .pricing-model .pricing-container .text-content {
-    margin: 20px;
+    margin: 18px;
 }
 
 .pricing-model .padded-content .text-header .text-content h1 {
@@ -2716,7 +2716,7 @@ nav {
     content: "$";
     position: relative;
     vertical-align: top;
-    top: 4px;
+    top: 7px;
     left: -3px;
 
     font-size: 2rem;
@@ -2731,12 +2731,13 @@ nav {
     font-size: 3.5em;
     font-weight: 600;
     line-height: 0.8;
+    margin-top: 4px;
 }
 
 .pricing-model .pricing-container .bottom .details {
     display: inline-block;
     vertical-align: top;
-    margin-left: 15px;
+    margin-left: 8px;
     margin-top: 4px;
 
     font-size: 0.9em;
@@ -2747,7 +2748,7 @@ nav {
 }
 
 .pricing-model .pricing-container .bottom .button {
-    margin-top: 20px;
+    margin-top: 24px;
     display: block;
     text-align: center;
 
@@ -2877,7 +2878,7 @@ nav {
     text-align: center;
 
     &.multi-line {
-        padding: 0 0 30px 0;
+        padding: 5px 0 25px 0;
     }
 }
 
diff --git a/templates/zerver/for-education.html b/templates/zerver/for-education.html
index 14dd178e1f..9d4d6b0569 100644
--- a/templates/zerver/for-education.html
+++ b/templates/zerver/for-education.html
@@ -287,6 +287,8 @@
                                         <div class="details">
                                             per user per month
                                             <br />
+                                            with annual billing discount
+                                            <br />
                                             $1.20/month billed monthly
                                         </div>
                                     </div>
@@ -296,6 +298,8 @@
                                         <div class="details">
                                             per user per month
                                             <br />
+                                            with annual billing discount
+                                            <br />
                                             $0.80/month billed monthly
                                         </div>
                                     </div>
diff --git a/templates/zerver/plans.html b/templates/zerver/plans.html
index 7cc83bc2a6..ee18cc08e4 100644
--- a/templates/zerver/plans.html
+++ b/templates/zerver/plans.html
@@ -80,6 +80,8 @@
                                         <div class="details">
                                             per user per month
                                             <br />
+                                            with annual billing discount
+                                            <br />
                                             $8/month billed monthly
                                         </div>
                                     </div>