summaryrefslogtreecommitdiff
path: root/public/assets
diff options
context:
space:
mode:
Diffstat (limited to 'public/assets')
-rw-r--r--public/assets/javascripts/ui/site/EditSubscriptionModal.js4
-rwxr-xr-xpublic/assets/stylesheets/app.css27
2 files changed, 29 insertions, 2 deletions
diff --git a/public/assets/javascripts/ui/site/EditSubscriptionModal.js b/public/assets/javascripts/ui/site/EditSubscriptionModal.js
index 28d699c..0d54d8f 100644
--- a/public/assets/javascripts/ui/site/EditSubscriptionModal.js
+++ b/public/assets/javascripts/ui/site/EditSubscriptionModal.js
@@ -30,7 +30,7 @@ var EditSubscriptionModal = ModalView.extend({
this.$billingInterval = this.$("[data-role=billingInterval]")
- this.$planType = this.$("[data-role=planType]")
+ this.$planName = this.$("[data-role=planName]")
this.$planCost = this.$("[data-role=planCost]")
this.$planTotal = this.$("[data-role=planTotal]")
@@ -114,7 +114,7 @@ var EditSubscriptionModal = ModalView.extend({
var plan = this.plans[ this.plan_levels[ subscriber.plan_type ] ]
var totals = this.calculateTotals(subscriber, plan)
- this.$planType.html ( plan.name )
+ this.$planName.html ( plan.name )
this.$planCost.toDollars ( totals.plan_price )
this.$billingInterval.html ( totals.is_monthly ? "mo." : "yr." )
diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index 4826aef..bedf2c4 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -1000,6 +1000,33 @@ iframe.embed {
from { transform: rotate(0deg); }
to { transform: rotate(720deg); }
}
+.paidPlan {
+ text-align: left;
+ font-size: 14px;
+}
+.planInfo {
+ margin: 10px 0;
+ width: 100%;
+ padding: 0;
+}
+.planInfo td, .planInfo th {
+ text-align: left;
+ padding: 10px 3px;
+ margin: 0;
+}
+.planInfo td:nth-child(2),
+.planInfo th:nth-child(2),
+.planInfo td:nth-child(3),
+.planInfo td:nth-child(4),
+.planInfo th:nth-child(3) {
+ text-align: right;
+}
+.planInfo [data-role="billingInterval"] {
+ font-size: 10px;
+}
+.totalRow td:nth-child(4) {
+ border-top: 1px solid;
+}
/* LAYOUTS MODAL */