Updates to the CSS and html formatting for statuses

and self-assessment

lms/templates/combined_open_ended.html

@@ -2,10 +2,7 @@
 
     <h2>${display_name}</h2>
     <div class="status-container">
-        <h4>Status</h4>
-        <div class="status-elements">
             ${status | n}
-        </div>
     </div>
 
     <div class="item-container">
@@ -21,6 +18,7 @@
         <input type="button" value="Next Step" class="next-step-button" name="reset"/>
     </div>
 
+    <a name="results" />
     <div class="result-container">
     </div>
 </section>

lms/templates/combined_open_ended_results.html

@@ -1,4 +1,4 @@
 <div class="result-container">
-    <h4>Results from Step ${task_number}</h4><br/>
+    <h4>Results from Step ${task_number}</h4>
     ${results | n}
-</div>
+</div>

lms/templates/combined_open_ended_status.html

@@ -1,3 +1,6 @@
+%if len(status_list) > 1:
+<h4>Status</h4>
+<div class="status-elements">
 <section id="combined-open-ended-status" class="combined-open-ended-status">
     %for i in xrange(0,len(status_list)):
         <%status=status_list[i]%>
@@ -20,9 +23,12 @@
 
             %if status['type']=="openended" and status['state'] in ['done', 'post_assessment']:
                 <div class="show-results">
-                    <a href="#" class="show-results-button">Show results from step ${status['task_number']}</a>
+                    <a href="#results" class="show-results-button">Show results from Step ${status['task_number']}</a>
+
                 </div>
             %endif
         </div>
     %endfor
 </section>
+</div>
+%endif

lms/templates/self_assessment_rubric.html

@@ -1,14 +1,18 @@
-<div class="assessment">
+<div class="assessment-container">
     <div class="rubric">
     ${rubric | n }
     </div>
 
     % if not read_only:
+    <div class="scoring-container">
+    <h3>Scoring</h3>
+    <p>Please select a score below:</p>
     <select name="assessment" class="assessment">
         %for i in xrange(0,max_score+1):
             <option value="${i}">${i}</option>
         %endfor
     </select>
+    </div>
     % endif
 
 </div>