pearson registration - revised contact calls to action and order in status…

pearson registration - revised contact calls to action and order in status section, edited flash message copy/styling, added in strawman state for disabled form/closed registration state of form, added in strawman state for demographics rejected flash message, revised accomodations text labe and isntructions

lms/static/sass/multicourse/_testcenter-register.scss

@@ -10,6 +10,11 @@ $red: rgb(178, 6, 16);
 	@include clearfix;
 	padding: 60px 0px 120px;
 
+	// reset - horrible, but necessary
+	p, a, h1, h2, h3, h4, h5, h6 {
+		font-family: $sans-serif !important;
+	}
+
 	// basic layout
 	.introduction {
 		width: flex-grid(12);
@@ -74,7 +79,6 @@ $red: rgb(178, 6, 16);
 		.instructions, .note {
 			margin: 0;
 			padding: ($baseline*1.5) ($baseline*1.5) 0 ($baseline*1.5);
-			font-family: $sans-serif;
 			font-size: 14px;
 			color: tint($base-font-color, 20%);
 
@@ -106,6 +110,11 @@ $red: rgb(178, 6, 16);
 				letter-spacing: 0;
 				padding: ($baseline*0.75) $baseline;
 				text-align: center;
+
+
+				&:disabled {
+					opacity: 0.3;
+				}
 			}
 
 			.action-primary {
@@ -181,7 +190,6 @@ $red: rgb(178, 6, 16);
 						border: 1px solid #C8C8C8;
 						padding: $baseline ($baseline*0.75);
 						background: #FAFAFA;
-						font-family: $sans-serif;
 					}
 				}
 
@@ -278,6 +286,25 @@ $red: rgb(178, 6, 16);
 				}
 			}
 		}
+
+		&.disabled {
+
+			> .instructions {
+				display: none;
+			}
+
+			.field {
+				opacity: 0.5;
+
+				.label {
+					cursor: default;
+				}
+			}
+
+			.form-actions {
+				display: none;
+			}
+		}
 	}
 
 	// form - specifics
@@ -287,13 +314,19 @@ $red: rgb(178, 6, 16);
 		&.is-shown {
 			display: block;
 		}
+
+		&.disabled {
+
+			fieldset {
+				opacity: 0.5;
+			}
+		}
 	}
 
 	.form-fields-secondary-visibility {
 		display: block;
 		margin: 0;
 		padding: $baseline ($baseline*1.5) 0 ($baseline*1.5);
-		font-family: $sans-serif;
 		font-size: 13px;
 
 		&.is-hidden {
@@ -321,7 +354,6 @@ $red: rgb(178, 6, 16);
 				margin: 0 0 ($baseline/4) 0;
 				padding: 0;
 				font-size: 13px;
-				font-family: $sans-serif;
 			}
 
 			.label, .value {
@@ -407,6 +439,12 @@ $red: rgb(178, 6, 16);
 							color: green;
 							content: "processed";
 						}
+
+						&.status-registration {
+							.exam-link {
+								font-weight: 600 !important;
+							}
+						}
 					}
 
 					&.status-pending {
@@ -473,6 +511,10 @@ $red: rgb(178, 6, 16);
 			}
 
 			// actions
+			.contact-link {
+				font-weight: 600;
+			}
+
 			.actions {
 				@include box-shadow(inset 0 1px 1px 0px rgba(0,0,0,0.2));
 				border-top: 1px solid tint(rgb(0,0,0), 90%);
@@ -565,6 +607,7 @@ $red: rgb(178, 6, 16);
 
 			.value {
 				color: rgb(0,0,0);
+				font-weight: 600;
 			}
 		}
 
@@ -598,7 +641,6 @@ $red: rgb(178, 6, 16);
 		}
 
 		.message-copy {
-			font-family: $sans-serif;
 			font-size: 14px;
 		}
 
@@ -614,15 +656,18 @@ $red: rgb(178, 6, 16);
 			font-size: 14px;
 
 			.message-title, .message-copy {
-				font-family: $sans-serif;
-				font-size: 14px;
 			}
 
 			.message-title {
 				font-weight: bold;
+				font-size: 16px;
 				margin: 0 0 ($baseline/4) 0;
 			}
 
+			.message-copy {
+				font-size: 14px;
+			}
+
 			.contact-button {
 				@include button(simple, $blue);
 			}

lms/static/sass/shared/_forms.scss

@@ -13,7 +13,8 @@ label {
 textarea,
 input[type="text"],
 input[type="email"],
-input[type="password"] {
+input[type="password"],
+input[type="tel"] {
   background: rgb(250,250,250);
   border: 1px solid rgb(200,200,200);
   @include border-radius(3px);