added oe-tools header areas to eventually consolitate all messaging

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

@@ -855,3 +855,23 @@ section.open-ended-child {
     padding: $baseline/2 0;
   }
 }
+
+//OE Tool Area Styling
+
+.oe-tools {
+  display: inline-block;
+  width: 100%;
+  border-radius: 5px;
+
+  .oe-tools-label {
+    font-size: 0.8em;
+    display: inline-block;
+    vertical-align: middle;
+    padding: 10px;
+  }
+
+  .reset-button {
+    vertical-align: middle; 
+  }
+}
+

common/lib/xmodule/xmodule/js/fixtures/combined-open-ended.html

@@ -41,7 +41,10 @@
           </section>
         </div>
       </div>
+      <div class="oe-tools response-tools">
+        <span class="oe-tools-label">Response: </span>
         <input type="button" value="Reset" class="reset-button" name="reset" style="display: none;">
+      </div>
       <input type="button" value="Next Step" class="next-step-button" name="reset" style="display: none;">
     </div>
     <a name="results">
@@ -65,8 +68,7 @@
         'xqa_key': 'KUBrWtK3RAaBALLbccHrXeD3RHOpmZ2A',
         'category': 'CombinedOpenEndedModule',
         'user': 'blah'
-     })" id="i4x_MITx_6_002x_combinedopenended_CombinedOE_xqa_log">QA
-   </a>
+     })" id="i4x_MITx_6_002x_combinedopenended_CombinedOE_xqa_log">QA</a>
  </div>
  <div>
   <a href="#i4x_MITx_6_002x_combinedopenended_CombinedOE_debug" id="i4x_MITx_6_002x_combinedopenended_CombinedOE_trig">

common/lib/xmodule/xmodule/js/fixtures/rubric.html

@@ -77,9 +77,10 @@
             </section>
         </div>
     </div>
-
+    <div class="oe-tools response-tools">
+        <span class="oe-tools-label">Response: </span>
         <input type="button" value="Reset" class="reset-button" name="reset" style="display: inline-block;">
-    <input type="button" value="Next Step" class="next-step-button" name="reset" style="display: none;">
+    </div>
 </div>
 
 <div class="combined-rubric-container" data-status="shown" data-number="0" style="">
@@ -89,8 +90,8 @@
     <span class="section-header section-header-rubric">Submitted Rubric</span>
 </div>
 <div class="rubric-header">
-    Scored rubric from grader 1
     <button class="rubric-collapse" href="#">Show Full Rubric</button>
+    Scored rubric from grader 1
 </div>
 <div class="rubric">
 
@@ -313,8 +314,7 @@ Demonstrates effective adjustment of language and tone to task and reader.
 </div>
 </div>
 
-
-
+<input type="button" value="Next Step" class="next-step-button" name="reset" style="display: none;">
 
 <section class="legend-container">
 </section>

lms/static/sass/course/_rubric.scss

 .rubric-header {
-  padding: $baseline/2 0; 
+  background-color: #fafafa;
+  border-radius: 5px;
+
   .rubric-collapse {
-    float: right;
+    margin-right: $baseline/2;
   }
 }
 
+.button {
+  display: inline-block;
+}
+
 .rubric {
   margin: 0;
   color: #3C3C3C;

lms/templates/combinedopenended/combined_open_ended.html

@@ -37,12 +37,18 @@
                 <div class="item">${item['content'] | n}</div>
             % endfor
             </div>
+            <div class="oe-tools response-tools">
+                <span class="oe-tools-label">Response: </span>
                 <input type="button" value="${_('Reset')}" class="reset-button" name="reset"/>
-            <input type="button" value="${_('Next Step')}" class="next-step-button" name="reset"/>
+            </div>
         </div>
 
         <div class="combined-rubric-container">
         </div>
+        <div class="oe-tools problem-tools">
+                <!--<span class="oe-tools-label">Once you have completed this form of assessment, you may continue.  </span>-->
+                <input type="button" value="${_('Next Step')}" class="next-step-button" name="reset"/>
+        </div>
 
         <section class="legend-container">
         </section>

lms/templates/combinedopenended/combined_open_ended_results.html

@@ -11,7 +11,9 @@
                 </div>
                 <span class="section-header section-header-rubric">Submitted Rubric</span>
             </div>
-            <div class="rubric-header">
+            <div class="oe-tools rubric-header">
+                <span class="oe-tools-label">Assessment Tools: </span>
+                <button class="rubric-collapse" href="#">Show Score Only</button>
                 % if len(results)>1:
                     <a href="#" class="rubric-previous-button">Previous</a>
                 % endif 
@@ -19,7 +21,6 @@
                 % if len(results)>1:
                     <a href="#" class="rubric-next-button">Next</a> 
                 % endif
-                <button class="rubric-collapse" href="#">Show Score Only</button>
             </div>
             ${result['result'] | n}
             <div class="written-feedback">
@@ -29,8 +30,4 @@
     %endif
 
 % endfor
-% if len(results)>1:
-        <a href="#" class="rubric-previous-button">Previous</a>
-        <a href="#" class="rubric-next-button">Next</a>
-% endif
 

lms/templates/combinedopenended/selfassessment/self_assessment_prompt.html

@@ -9,8 +9,6 @@
         </div>
         <span class="section-header section-header-response">Response</span>
     </div>
-
-    <h4>${_("Response")}</h4>
     <div>
     <textarea name="answer" class="answer short-form-response" cols="70" rows="20">${previous_answer|n}</textarea>
     </div>