Alter rubric list, restyle rubric

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

@@ -478,6 +478,13 @@ section.open-ended-child {
     margin-left: .75rem;
   }
 
+  ul.rubric-list
+  {
+    list-style-type: none;
+    padding:0;
+    margin:0;
+  }
+
   ol {
     list-style: decimal outside none;
     margin-bottom: lh();

common/lib/xmodule/xmodule/js/src/peergrading/peer_grading_problem.coffee

@@ -239,7 +239,7 @@ class @PeerGradingProblem
   # finds the scores for each rubric category
   get_score_list: () =>
     # find the number of categories:
-    num_categories = $('table.rubric tr').length
+    num_categories = $('ul.rubric-list li').length
 
     score_lst = []
     # get the score for each one

lms/static/sass/course/_rubric.scss

@@ -46,11 +46,11 @@
       position: relative;
       font-size: 16px;
   }
-
-  ul
+  ul.rubric-list
   {
       list-style-type: none;
+      padding:0;
+      margin:0;
   }
-  
 }
 

lms/templates/open_ended_rubric.html

@@ -11,7 +11,7 @@
         % for i in range(len(categories)):
         <% category = categories[i] %>
             <b>${category['description']}</b><br/>
-            <ul>
+            <ul class="rubric-list">
                 % for j in range(len(category['options'])):
                 <% option = category['options'][j] %>
                 %if option['selected']:
@@ -27,7 +27,7 @@
                     % else:
                     <label class="rubric-label" for="score-${i}-${j}">
                         <input type="radio" class="score-selection" name="score-selection-${i}" id="score-${i}-${j}" value="${option['points']}"/>
-                        <span class="wrappable">${option['points']} points : ${option['text']}</span>
+                        <span class="wrappable"> ${option['points']} points : ${option['text']}</span>
                     </label>
                     % endif
                 </li>