restyled controls area for motion through multiple scored peer reviews

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

@@ -896,13 +896,25 @@ section.open-ended-child {
   width: 100%;
   border-radius: 5px;
 
-  .oe-tools-label {
+  .oe-tools-label, .oe-tools-scores-label {
     display: inline-block;
     padding: $baseline/2;
     vertical-align: middle;
     font-size: 0.8em;
   }
 
+  .rubric-button {
+    padding: 8px $baseline/4;
+  }
+
+  .rubric-previous-button {
+    margin-right: $baseline/4;
+  }
+  
+  .rubric-next-button {
+    margin-left: $baseline/4;
+  }
+
   .next-step-button {
     margin: $baseline/2;
   }

lms/templates/combinedopenended/combined_open_ended_results.html

@@ -12,15 +12,18 @@
                 <span class="section-header section-header-rubric">Submitted Rubric</span>
             </div>
             <div class="oe-tools rubric-header">
-                <span class="oe-tools-label"></span>
+                <span class="oe-tools-label">Rubric: </span>
                 <button class="rubric-collapse" href="#">Show Score Only</button>
-                % if len(results)>1:
-                    <a href="#" class="rubric-previous-button">Previous</a>
-                % endif 
-                ${result['task_name']} from grader ${i+1}
-                % if len(results)>1:
-                    <a href="#" class="rubric-next-button">Next</a> 
-                % endif
+                <span class="oe-tools-scores">
+                    <span class="oe-tools-scores-label">Scores:</span>
+                    % if len(results)>1:
+                        <button href="#" alt="Previous" class="rubric-button rubric-previous-button"><i class="icon-chevron-left"></i></button>
+                    % endif 
+                    ${result['task_name']} from grader ${i+1}
+                    % if len(results)>1:
+                        <button href="#" alt="Next" class="rubric-button rubric-next-button">i class="icon-chevron-right"></i></button> 
+                    % endif
+                </span>
             </div>
             ${result['result'] | n}
             <div class="written-feedback">