From 5b0181c925dd327338d256f3ef6d4776e936fbc1 Mon Sep 17 00:00:00 2001
From: Vik Paruchuri <vik@edx.org>
Date: Mon, 7 Jan 2013 18:31:35 -0500
Subject: [PATCH] Status moved to the right

---
 .../xmodule/css/combinedopenended/display.scss    | 13 +++++++++++++
 lms/templates/combined_open_ended.html            | 15 +++++++++------
 2 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/common/lib/xmodule/xmodule/css/combinedopenended/display.scss b/common/lib/xmodule/xmodule/css/combinedopenended/display.scss
index faa3c79419..7e09c85734 100644
--- a/common/lib/xmodule/xmodule/css/combinedopenended/display.scss
+++ b/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;
diff --git a/lms/templates/combined_open_ended.html b/lms/templates/combined_open_ended.html
index 6b30c3f418..bc68cbe29e 100644
--- a/lms/templates/combined_open_ended.html
+++ b/lms/templates/combined_open_ended.html
@@ -1,12 +1,15 @@
 <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>