adding in peer scores per rubric question to grade details UI

TIM-287

apps/openassessment/templates/openassessmentblock/grade/oa_grade_complete.html

@@ -65,6 +65,10 @@
                                             <span class="answer__content">
                                                 {{ part.option.explanation }}
                                             </span>
+                                            <span class="answer__score">
+                                                <span class="label sr">Score Earned: </span>
+                                                <span class="value">{{ part.option.points }} points</span>
+                                            </span>
                                         </li>
                                         {% endif %}
                                     {% endfor %}
@@ -148,5 +152,5 @@
             </form>
         </div>
     </div>
-</li> 
+</li>
 {% endspaceless %}

apps/openassessment/xblock/static/sass/oa/views/_oa-base.scss

@@ -935,12 +935,12 @@
     .question__title__copy {
       @extend %hd-4;
       @extend %t-weight3;
-      // float: left;
     }
 
     .question__score {
-      @extend %copy-6;
+      @extend %hd-7;
       @extend %t-titlecase;
+      @extend %t-weight4;
       float: right;
       position: relative;
       bottom: -(($baseline-v/4));
@@ -951,7 +951,7 @@
     }
 
     .question__score__value {
-      color: $color-complete;
+      color: $heading-primary-color;
 
       &:after {
         content: "/";
@@ -1012,6 +1012,16 @@
       color: $heading-primary-color;
     }
 
+    .answer__score {
+      @extend %hd-7;
+      @extend %t-titlecase;
+      @extend %t-weight4;
+      display: block;
+      padding: ($baseline-v/4) ($baseline-h/4);
+      background: $color-decorative-tertiary;
+      color: $heading-primary-color;
+    }
+
     .answer__content {
       @extend %copy-4;
       display: block;