From bdef522da7dea4f3f94e265f7c6f121b4b75c092 Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Fri, 7 Apr 2017 16:13:52 -0400
Subject: [PATCH] org create styling

---
 .../settings/settingsCreateOrganizationController.js  |  7 ++++---
 .../settings/views/settingsCreateOrganization.html    | 11 +++++++----
 src/less/vault.less                                   |  6 ++++--
 3 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/app/settings/settingsCreateOrganizationController.js b/src/app/settings/settingsCreateOrganizationController.js
index b76d89a45e..4d2e37874f 100644
--- a/src/app/settings/settingsCreateOrganizationController.js
+++ b/src/app/settings/settingsCreateOrganizationController.js
@@ -10,7 +10,7 @@
             personal: {
                 basePrice: 1,
                 annualBasePrice: 12,
-                baseUsers: 3,
+                baseUsers: 5,
                 userPrice: 1,
                 annualUserPrice: 12
             },
@@ -26,9 +26,10 @@
         };
 
         $scope.model = {
-            plan: 'personal',
+            plan: 'free',
             additionalUsers: 0,
-            interval: 'year'
+            interval: 'year',
+            ownedBusiness: false
         };
 
         $scope.totalPrice = function () {
diff --git a/src/app/settings/views/settingsCreateOrganization.html b/src/app/settings/views/settingsCreateOrganization.html
index 0f6a65a11c..a9138afc24 100644
--- a/src/app/settings/views/settingsCreateOrganization.html
+++ b/src/app/settings/views/settingsCreateOrganization.html
@@ -63,6 +63,9 @@
                         <span>For personal users to share with 1 other user.</span>
                         <span>- Limit 2 users (including you)</span>
                         <span>- Limit 2 subvaults</span>
+                        <span class="bottom-line">
+                            Free forever
+                        </span>
                     </label>
                 </div>
                 <div class="radio radio-block" ng-if="!model.ownedBusiness" ng-click="changedPlan()">
@@ -73,8 +76,8 @@
                         <span>- Add and share with unlimited users</span>
                         <span>- Create unlimited subvaults</span>
                         <span>- Priority customer support</span>
-                        <span style="margin-bottom: 5px;">- 7 day free trial, cancel anytime</span>
-                        <span>
+                        <span>- 7 day free trial, cancel anytime</span>
+                        <span class="bottom-line">
                             {{plans.personal.basePrice | currency:'$'}} /month for {{plans.personal.baseUsers}} users,
                             additional users {{plans.personal.userPrice | currency:'$'}} /month
                         </span>
@@ -88,8 +91,8 @@
                         <span>- Add and share with unlimited users</span>
                         <span>- Create unlimited subvaults</span>
                         <span>- Priority customer support</span>
-                        <span style="margin-bottom: 5px;">- 7 day free trial, cancel anytime</span>
-                        <span>
+                        <span>- 7 day free trial, cancel anytime</span>
+                        <span class="bottom-line">
                             {{plans.teams.basePrice | currency:'$'}} /month for {{plans.teams.baseUsers}} users,
                             additional users {{plans.teams.userPrice | currency:'$'}} /month
                         </span>
diff --git a/src/less/vault.less b/src/less/vault.less
index d057380a08..6a42400b5f 100644
--- a/src/less/vault.less
+++ b/src/less/vault.less
@@ -201,8 +201,10 @@ form .btn .loading-icon {
             font-size: 90%;
             font-weight: normal;
 
-            &:last-child {
-                margin-bottom: 0;
+            &.bottom-line {
+                font-size: 100%;
+                color: @text-color;
+                margin-top: 5px;
             }
         }
     }