styles activation message

lms/static/sass/application.css

@@ -2491,6 +2491,8 @@ header.global {
       display: none;
       margin-bottom: 20px;
       padding: 12px; }
+    .modal .inner-wrapper .activation-message {
+      padding: 0 40px 10px; }
     .modal .inner-wrapper form {
       margin-bottom: 12px;
       padding: 0px 40px;

lms/static/sass/shared_styles/_shared_modal.scss

@@ -115,15 +115,9 @@
       padding: 12px;
     }
 
-    //#enroll {
-      //padding: 0 40px;
-
-      //h1 {
-        //font: normal 1em/1.6em $sans-serif;
-        //margin-bottom: 10px;
-        //text-align: left;
-      //}
-    //}
+    .activation-message {
+      padding: 0 40px 10px;
+    }
 
     form {
       margin-bottom: 12px;

lms/templates/registration/reg_complete.html

-<h1>Check your email</h1>
-<p>An activation link has been sent to ${ email }, along with
+<header>
+  <h2>Thanks For Registering!</h2>
+  <hr>
+</header>
+
+<p class='activation-message'>Please check your email. An activation link has been sent to <strong>${ email }</strong>, along with
 instructions for activating your account.</p>

lms/templates/signup_modal.html

@@ -2,12 +2,11 @@
 
 <section id="signup-modal" class="modal signup-modal">
   <div class="inner-wrapper">
-    <header>
-      <h2>Sign Up for edX</h2>
-      <hr>
-    </header>
-
     <div id="enroll">
+      <header>
+        <h2>Sign Up for edX</h2>
+        <hr>
+      </header>
 
       <form id="enroll_form" method="post">
         <div id="enroll_error" name="enroll_error"></div>