From f4ccb335e56a0a43dfeab56aeeb9d2bb32636a27 Mon Sep 17 00:00:00 2001
From: Tom Giannattasio <tom@mitx.mit.edu>
Date: Wed, 3 Oct 2012 12:08:20 -0400
Subject: [PATCH] abstracted classes to work for both log in and sign up forms

---
 cms/static/sass/_login.scss | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/cms/static/sass/_login.scss b/cms/static/sass/_login.scss
index 9d228e7bab..12a276fadd 100644
--- a/cms/static/sass/_login.scss
+++ b/cms/static/sass/_login.scss
@@ -1,6 +1,7 @@
+.sign-up-box,
 .log-in-box {
 	width: 500px;
-	margin: 200px auto;
+	margin: 100px auto;
 	border-radius: 3px;
 
 	header {
@@ -19,7 +20,7 @@
 		}
 	}
 
-	.log-in-form {
+	form {
 		padding: 40px;
 		border: 1px solid $darkGrey;
 		border-top-width: 0;
@@ -34,22 +35,33 @@
 		font-weight: 700;
 	}
 
-	.email-field,
-	.password-field {
+	input[type="text"],
+	input[type="email"],
+	input[type="password"] {
 		width: 100%;
 		font-size: 20px;
 		font-weight: 300;
 	}
 
 	.row {
+		@include clearfix;
 		margin-bottom: 24px;
+
+		.split {
+			float: left;
+			width: 48%;
+
+			&:first-child {
+				margin-right: 4%;
+			}
+		}
 	}
 
 	.form-actions {
 		margin-bottom: 0;
 	}
 
-	.log-in-button {
+	input[type="submit"] {
 		@include blue-button;
 		margin-right: 10px;
 		padding: 8px 20px 10px;