Added styles for forms on seperate pages

templates/cert_request.html

@@ -9,8 +9,11 @@
 
 <%include file="navigation.html" args="active_page=''" />
 
+<%block name="bodyclass">cert-req</%block>
+
+<section class="main-content">
 <div id="cert_request">
-  <p>You can request a certificate which verifies that you passed this course. When the certificate has been generated, you will receive an email notification that it can be downloaded from your Profile page.</p>
+  <h1>You can request a certificate which verifies that you passed this course. When the certificate has been generated, you will receive an email notification that it can be downloaded from your Profile page.</h1>
   <p>The certificate will indicate that <strong>${name}</strong> has successfully completed the Fall 2012 offering of <strong>Circuits and Electronics 6.002x</strong>. Please ensure that this information is correct.</p>
   
   <form id="cert_request_form">
@@ -48,3 +51,4 @@
     
   </form>
 </div>
+</section>

templates/exit_survey.html

@@ -7,10 +7,11 @@
 <script type="text/javascript" src="${ settings.LIB_URL }certificate_survey.js"></script>
 </%block>
 
+<%block name="bodyclass">exit-survey</%block>
+
 <%include file="navigation.html" args="active_page=''" />
 
-<div id="survey">
-  
+<section id="survey" class="main-content">
   <form id="survey_form">
 
     %if not took_survey:
@@ -30,4 +31,4 @@
     <input type="submit" id="" value="Submit Survey" />
     
   </form>
-</div>
+</section>

templates/sass/layout/_survey.scss

-fieldset#survey_fieldset {
-  > ul {
-    > li {
-      border-top: 1px solid #eee;
-      padding: lh() 0;
-      margin-bottom: 0;
-
-      ul {
-        li {
-          margin-bottom: 6px;
-
-          label {
-            display: block;
+body.exit-survey, body.cert-req {
+  div.header-wrapper {
+    height: 47px;
+
+    header {
+    max-width: 600px;
+
+    nav {
+      display: none;
+    }
+    }
+  }
+
+  section.main-content {
+    max-width: 600px;
+    padding: lh();
+
+    h1 {
+      margin-top: 0;
+    }
+
+    fieldset#survey_fieldset {
+
+      > ul {
+        list-style: none;
+
+        > li {
+          border-top: 1px solid #eee;
+          padding: lh() 0;
+          margin-bottom: 0;
+
+          ul {
+            list-style: none;
+
+            li {
+              margin-bottom: 6px;
 
-            input {
-              margin-top: -1px;
-              margin-right: 6px;
+              label {
+                display: block;
+
+                input {
+                  margin-top: -1px;
+                  margin-right: 6px;
+                }
+              }
             }
           }
-        }
-      }
 
-      h2 {
-        margin-top: 0;
-      }
+          textarea {
+            display: block;
+            width: 100%;
+            margin-top: lh(.5);
+          }
+
+          h2 {
+            margin-top: 0;
+          }
 
-      &.survey_short_field {
-        label {
-          font-weight: bold;
-          text-transform: uppercase;
-          letter-spacing: 1px;
-          margin-bottom: 6px;
+          &.survey_short_field, &.survey_medium_field {
+            label {
+              font-weight: bold;
+              text-transform: uppercase;
+              letter-spacing: 1px;
+              margin-bottom: 6px;
+            }
+          }
         }
       }
     }
   }
 }
+
+body.cert-req {
+  fieldset#survey_fieldset {
+    border-top: 2px solid #ccc;
+    padding-top: lh();
+  }
+}
+