From 1d95a78e75de1e1457d9f95f74273a5a81352565 Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Fri, 28 Apr 2017 21:50:08 -0400
Subject: [PATCH] payment page UI updates

---
 .../views/organizationBillingChangePayment.html  | 10 +++++++++-
 .../views/settingsCreateOrganization.html        | 16 ++++++++++++----
 2 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/src/app/organization/views/organizationBillingChangePayment.html b/src/app/organization/views/organizationBillingChangePayment.html
index 19c48a7502..f83d0f974d 100644
--- a/src/app/organization/views/organizationBillingChangePayment.html
+++ b/src/app/organization/views/organizationBillingChangePayment.html
@@ -66,12 +66,20 @@
                         <option value="22">2022</option>
                         <option value="23">2023</option>
                         <option value="24">2024</option>
+                        <option value="25">2025</option>
+                        <option value="26">2026</option>
                     </select>
                 </div>
             </div>
             <div class="col-sm-4">
                 <div class="form-group" show-errors>
-                    <label for="cvc">CVC <i class="fa fa-question-circle"></i></label>
+                    <label for="cvc">
+                        CVC
+                        <a href="https://www.cvvnumber.com/cvv.html" target="_blank" title="What is this?"
+                           rel="noopener noreferrer">
+                            <i class="fa fa-question-circle"></i>
+                        </a>
+                    </label>
                     <input type="text" id="cvc" ng-model="card.cvc" class="form-control" name="cvc"
                            cc-type="number.$ccType" cc-cvc required api-field />
                 </div>
diff --git a/src/app/settings/views/settingsCreateOrganization.html b/src/app/settings/views/settingsCreateOrganization.html
index ed31da8913..ed45d6b75c 100644
--- a/src/app/settings/views/settingsCreateOrganization.html
+++ b/src/app/settings/views/settingsCreateOrganization.html
@@ -167,11 +167,11 @@
                 </div>
             </div>
             <div class="box-footer">
-                <p>
+                <h4>
                     <b>Total:</b>
                     {{totalPrice() | currency:"USD $":2}} /{{model.interval}}
-                </p>
-                Note: Your plan comes with a free 7 day trial. Your card will not be charged until the trial has ended.
+                </h4>
+                Your plan comes with a free 7 day trial. Your card will not be charged until the trial has ended.
                 You may cancel at any time.
             </div>
         </div>
@@ -236,12 +236,20 @@
                                 <option value="22">2022</option>
                                 <option value="23">2023</option>
                                 <option value="24">2024</option>
+                                <option value="25">2025</option>
+                                <option value="26">2026</option>
                             </select>
                         </div>
                     </div>
                     <div class="col-sm-4">
                         <div class="form-group" show-errors>
-                            <label for="cvc">CVC <i class="fa fa-question-circle"></i></label>
+                            <label for="cvc">
+                                CVC
+                                <a href="https://www.cvvnumber.com/cvv.html" target="_blank" title="What is this?"
+                                   rel="noopener noreferrer">
+                                    <i class="fa fa-question-circle"></i>
+                                </a>
+                            </label>
                             <input type="text" id="cvc" ng-model="model.card.cvc" class="form-control" name="cvc"
                                    cc-type="number.$ccType" cc-cvc required api-field />
                         </div>