3 files changed, 58 insertions, 5 deletions
diff --git a/public/assets/javascripts/ui/site/EditSubscriptionModal.js b/public/assets/javascripts/ui/site/EditSubscriptionModal.js
new file mode 100644
index 0000000..1b3b859
--- /dev/null
+++ b/public/assets/javascripts/ui/site/EditSubscriptionModal.js
@@ -0,0 +1,21 @@
+
+var EditSubscriptionModal = ModalFormView.extend({
+	el: ".mediaDrawer.editSubscription",
+	action: "/api/subscription",
+	method: "put",
+	
+	fixedClose: true,
+	
+	events: {
+	  "click [data-role='changePasswordToggle']": 'togglePasswordFields'
+	},
+
+	load: function(){
+		this.reset()
+		$.get("/api/subscription", function(data){
+
+			this.show()
+		}.bind(this))
+	},
+
+})
diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index 62a5682..0ce2c5e 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -604,7 +604,9 @@ iframe.embed {
 .page h1:nth-child(2) {
 	margin-top: 40px;
 }
-
+.page h1.leader {
+  margin-top: 60px;
+}
 .page p {
 	margin: 20px;
 }
@@ -673,7 +675,21 @@ iframe.embed {
   font-weight: 300;
 }
 
+.aboutintro {
+  text-align: center;
+  line-height: 43px;
+  font-size: 24px;
+  padding: 5% 0;
+  font-weight: 300;
+}
+.aboutintro .inner {
+  max-width: 800px;
+  margin: 0 auto;
+  text-align: center;
+}
+
 /* PROFILE PAGE */
+
 .profilePic {
 	background-size: cover;
 	background-position: center;
@@ -2468,7 +2484,7 @@ form li {
 form label {
 	float:left;
 }
-form input[type="text"],form input[type="password"] {
+form input[type="text"],form input[type="password"],form input[type="number"] {
 	border: 1px solid;
 	font-size: 20px;
 	padding: 5px;
@@ -3038,8 +3054,8 @@ a[data-role="forgot-password"] {
 	form li {
 		font-size: 16px;
 	}
-	form input[type="text"], form input[type="password"] {
-	font-size: 15px;
+	form input[type="text"],form input[type="password"],form input[type="number"] {
+    font-size: 15px;
 	}
 	.page h1 {
 	font-size: 26px;
diff --git a/public/assets/stylesheets/staff.css b/public/assets/stylesheets/staff.css
index de31571..fffadbf 100644
--- a/public/assets/stylesheets/staff.css
+++ b/public/assets/stylesheets/staff.css
@@ -67,10 +67,26 @@ hr {
 .staff .body a {
   border-bottom: 1px dotted;
 }
-.staff .editLinks a {
+.staff .editLinks a, .staff a.bluelink {
   color: #00f;
   border-bottom: 1px solid;
 }
+.staff form {
+  max-width: none;
+  width: 600px;
+  padding: 20px;
+}
+.staff form label {
+  float: none;
+}
+.staff form p {
+  width: 350px;
+  margin: 5px 0;
+  color: #444;
+}
+.staff form div li {
+  width: 180px;
+}
 #iframe-embed, #iframe-embed tr, #iframe-embed td {
   width: 79vw;
 }