Restyle status, get rubric to work properly

common/lib/xmodule/xmodule/css/combinedopenended/display.scss

@@ -24,14 +24,11 @@ section.combined-open-ended {
   @include clearfix;
   .status-container
   {
-      float:right;
-      width:40%;
+      padding-bottom: 5px;
   }
   .item-container
   {
-      float:left;
-      width: 53%;
-      padding-bottom: 50px;
+      padding-bottom: 10px;
   }
 
   .result-container
@@ -49,11 +46,11 @@ section.combined-open-ended {
 section.combined-open-ended-status {
 
     .statusitem {
-      background-color: #FAFAFA;
       color: #2C2C2C;
-      font-family: monospace;
-      font-size: 1em;
-      padding: 10px;
+      font-size: .8em;
+      padding: 0px;
+      display: block;
+      width: 55%;
       .show-results {
           margin-top: .3em;
           text-align:right;

common/lib/xmodule/xmodule/js/src/combinedopenended/display.coffee

@@ -4,11 +4,11 @@ class @Rubric
   # finds the scores for each rubric category
   @get_score_list: () =>
     # find the number of categories:
-    num_categories = $('table.rubric tr').length
+    num_categories = $('b.rubric-category').length
 
     score_lst = []
     # get the score for each one
-    for i in [0..(num_categories-2)]
+    for i in [0..(num_categories-1)]
       score = $("input[name='score-selection-#{i}']:checked").val()
       score_lst.push(score)
 
@@ -23,9 +23,8 @@ class @Rubric
 
   @check_complete: () ->
      # check to see whether or not any categories have not been scored
-    num_categories = $('table.rubric tr').length
-    # -2 because we want to skip the header
-    for i in [0..(num_categories-2)]
+    num_categories = $('b.rubric-category').length
+    for i in [0..(num_categories-1)]
       score = $("input[name='score-selection-#{i}']:checked").val()
       if score == undefined
         return false
@@ -102,7 +101,7 @@ class @CombinedOpenEnded
         Collapsible.setCollapsibles(@results_container)
 
   show_results: (event) =>
-    status_item = $(event.target).parent().parent()
+    status_item = $(event.target).parent()
     status_number = status_item.data('status-number')
     data = {'task_number' : status_number}
     $.postWithPrefix "#{@ajax_url}/get_results", data, (response) =>

lms/templates/combined_open_ended_status.html

@@ -22,10 +22,7 @@
             % endif
 
             %if status['type']=="openended" and status['state'] in ['done', 'post_assessment']:
-                <div class="show-results">
-                    <a href="#results" class="show-results-button">Show results from Step ${status['task_number']}</a>
-
-                </div>
+               <a href="#results" class="show-results-button">Show results</a>
             %endif
         </div>
     %endfor

lms/templates/open_ended_rubric.html

@@ -10,7 +10,7 @@
     <div class="rubric">
         % for i in range(len(categories)):
         <% category = categories[i] %>
-            <b>${category['description']}</b><br/>
+            <b class="rubric-category">${category['description']}</b><br/>
             <ul class="rubric-list">
                 % for j in range(len(category['options'])):
                 <% option = category['options'][j] %>