Tested the alternate survey experience. Changed CSS.

djangoapps/student/views.py

@@ -21,6 +21,8 @@ from mitxmako.shortcuts import render_to_response, render_to_string
 
 from django_future.csrf import ensure_csrf_cookie
 
+from courseware import grades
+from certificates.models import certificate_state_for_student
 from student.survey_questions import exit_survey_list_for_student
 from models import Registration, UserProfile, PendingNameChange, PendingEmailChange
 
@@ -510,9 +512,13 @@ def record_exit_survey(request, internal_request = False):
         if not took_survey:
             survey_list = exit_survey_list_for_student(request.user)
         
+        grade_sheet = grades.grade_sheet(request.user)
+        certificate_state = certificate_state_for_student(request.user, grade_sheet['grade'])
+        
         
         context = {'took_survey' : took_survey,
-                 'survey_list' : survey_list}
+                 'survey_list' : survey_list,
+                 'certificate_state' : certificate_state}
         
         return render_to_response('exit_survey.html', context)
     

templates/exit_survey.html

@@ -12,16 +12,20 @@
 <%include file="navigation.html" args="active_page=''" />
 
 <section id="survey" class="main-content">
-  <form id="survey_form">
-
-    if certificate_state['state'] == "downloadable":
-      %if certificate_state['download_url']:
-        <a href="${certificate_state['download_url']}" target="_blank">Download Certificate</a>
-      %endif
-      %if certificate_state['graded_download_url']:
-        <a href="${certificate_state['graded_download_url']}" target="_blank">Download Certificate (with Grade)</a>
-      %endif
+  
+  %if certificate_state['state'] == "downloadable":
+    <div class="download-links">
+    %if certificate_state['download_url']:
+      <a href="${certificate_state['download_url']}" target="_blank">Download Certificate</a>
     %endif
+    %if certificate_state['graded_download_url']:
+      <a href="${certificate_state['graded_download_url']}" target="_blank">Download Certificate (with Grade)</a>
+    %endif
+    </div>
+  %endif
+  
+  
+  <form id="survey_form">
 
     %if not took_survey:
     <fieldset id="survey_fieldset">

templates/sass/layout/_survey.scss

@@ -18,7 +18,45 @@ body.exit-survey, body.cert-req {
     h1 {
       margin-top: 0;
     }
+    
+    div.download-links {
+      @include clearfix;
+      @extend .topbar;
+      padding-left: lh();
+      padding-right: lh();
+
+      p {
+        color: darken($cream, 80%);
+        float: left;
+        margin-bottom: 0;
+        font-size: 14px;
+        font-weight: bold;
+        text-transform: uppercase;
+
+        strong {
+          font-size: 18px;
+          position: relative;
+          top: 1px;
+        }
+      }
 
+      a {
+        background-color: darken($cream, 10%);
+        border: 1px solid darken($cream, 30%);
+        @include border-radius(3px);
+        @include box-shadow(inset 0 1px 0 lighten($cream, 5%));
+        display: block;
+        float: right;
+        font-weight: bold;
+        line-height: 1em;
+        margin-left: 10px;
+        margin-top: 9px;
+        padding: 8px;
+        text-shadow: 0 1px 0 lighten($cream, 5%);
+      }
+    }
+    
+    
     fieldset#survey_fieldset {
 
       > ul {