test center - fixed dashboard link font issue and started cleaning up markup in reg form - wip

lms/static/sass/application.scss

@@ -19,6 +19,7 @@
 
 @import 'multicourse/home';
 @import 'multicourse/dashboard';
+@import 'multicourse/testcenter-register';
 @import 'multicourse/courses';
 @import 'multicourse/course_about';
 @import 'multicourse/jobs';

lms/static/sass/multicourse/_dashboard.scss

@@ -418,6 +418,10 @@
         font-size: 13px;
         margin: 0;
 
+        a {
+          font-family: $sans-serif;
+        }
+
         .grade-value {
           font-size: 1.2rem;
           font-weight: bold;

lms/templates/test_center_register.html

@@ -9,7 +9,7 @@
 
 <%namespace name='static' file='static_content.html'/>
 
-<%block name="title"><title>Sign Up for Pearson VUE Test Center Proctoring</title></%block>
+<%block name="title"><title>Pearson VUE Test Center Proctoring - Sign Up</title></%block>
 
 <%block name="js_extra">
   <script type="text/javascript">
@@ -35,14 +35,7 @@
   </script>
 </%block>
 
-<section id="testcenter-register" class="">    
-
-  <div class="inner-wrapper">
-    <div id="register">
-      <header>
-        <h2></h2>
-        <hr>
-      </header>
+<section class="testcenter-register container">    
 
   <!-- display stuff about the exam and the course for which the user is registering.  
        If the user has already registered in the past for a test center, then also display
@@ -72,7 +65,6 @@
         <p>First Eligible Appointment Date: ${exam_info.get('First_Eligible_Appointment_Date')}</p>
         <p>Last Eligible Appointment Date: ${exam_info.get('Last_Eligible_Appointment_Date')}</p>
     % endif
-
   </section>
 
 	<!-- check to see if the user has already registering, or
@@ -120,6 +112,7 @@
 		for the exam listed above.  Changes to this information 
 		may be submitted below.</p>
 	</section>
+  
 	% else:
 			<p>The demographic information must be provided below in order to register
 			for the exam listed above.</p>
@@ -127,16 +120,12 @@
 
 	<!-- provide mechanism for error messages to appear -->
   % if message:
-    <section class="">
+  <div id="register_error" name="register_error">
     <p>${message}</p>
-    </section>
+  </div> 
   % endif
 	
-      <form id="test_register_form" class="test_register_form" method="post" data-remote="true" action="/create_test_registration">
-        <div class="notice"></div>
-        <!-- TODO: why are both of these here? -->
-        <div id="register_error" class="modal-form-error" name="register_error"></div>
-        <div id="register_error" name="register_error"></div>
+  <form id="testcenter-register-form" method="post" data-remote="true" action="/create_test_registration">
     
     <!-- include these as pass-throughs -->
     <input id="id_email" type="hidden" name="email" maxlength="75" value="${user.email}" />
@@ -199,15 +188,16 @@
       <label data-field="company_name">Company</label>
       <input name="company_name" type="text" value="${testcenteruser.company_name}" placeholder="Acme Corporation">
     </div>
-		<div><p>The following is included here just so it can be input within the form.  But it
-			is not part of the demographics, and it is not something that can be changed once input.</p>
-        </div>
+	<div>
+   
+  <p>The following is included here just so it can be input within the form.  But it is not part of the demographics, and it is not something that can be changed once input.</p>
+  
   <div class="input-group">
     <label data-field="accommodations">Accommodations Requested</label>
     <textarea name="accommodations"></textarea>
   </div>
 
-	% if len(registrations) > 0:
+% if len(registrations) > 0:
   <div class="submit">
     <input name="submit" type="submit" value="Update demographics">
   </div>
@@ -218,15 +208,6 @@
   % endif
     
   </form>
-
-    </div>
-<!--
-    <div class="close-modal">
-      <div class="inner">
-        <p>&#10005;</p>
-      </div>
-    </div> -->
-  </div>
 </section>