Status moved to the right

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

@@ -20,6 +20,19 @@ h2 {
   color: darken($error-red, 10%);
 }
 
+section.combined-open-ended {
+  .status-container
+  {
+      float:right;
+      width:30%;
+  }
+  .item-container
+  {
+      float:left;
+      width: 63%;
+  }
+}
+
 section.open-ended-child, section.combined-open-ended-status {
   @media print {
     display: block;

lms/templates/combined_open_ended.html

 <section id="combined-open-ended" class="combined-open-ended" data-ajax-url="${ajax_url}" data-allow_reset="${allow_reset}" data-state="${state}" data-task-count="${task_count}" data-task-number="${task_number}">
 
-    <div class="status">${status | n}</div>
+    <div class="status-container">${status | n}</div>
 
-    % for item in items:
-    <div class="item">${item['content'] | n}</div>
-    % endfor
+    <div class="item-container">
+        % for item in items:
+        <div class="item">${item['content'] | n}</div>
+        % endfor
 
-    <input type="button" value="Reset" class="reset-button" name="reset"/>
-    <input type="button" value="Next Step" class="next-step-button" name="reset"/>
+
+        <input type="button" value="Reset" class="reset-button" name="reset"/>
+        <input type="button" value="Next Step" class="next-step-button" name="reset"/>
+    </div>
 </section>