Fix css and display current step

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

@@ -21,7 +21,6 @@ h2 {
 }
 
 section.combined-open-ended {
-  margin-right:20px;
   .status-container
   {
       float:right;
@@ -45,6 +44,23 @@ section.combined-open-ended {
 
 section.open-ended-child, section.combined-open-ended-status {
 
+    .statusitem {
+      background-color: #FAFAFA;
+      color: #2C2C2C;
+      font-family: monospace;
+      font-size: 1em;
+      padding-top: 10px;
+   }
+
+   .statusitem-current {
+     background-color: #BEBEBE;
+     color: #2C2C2C;
+     font-family: monospace;
+     font-size: 1em;
+     padding-top: 10px;
+  }
+
+
    .evaluation {
         p {
             margin-bottom: 1px;

lms/templates/combined_open_ended_status.html

 <section id="combined-open-ended-status" class="combined-open-ended-status">
-    %for status in status_list:
-    <div class="statusitem">
-        Step ${status['task_number']} (${status['human_state']}) : ${status['score']} / ${status['max_score']}
-        %if status['type']=="openended":
-            <div class="collapsible external-grader-message">
-                <header>
-                    <a href="#">Show feedback from step ${status['task_number']}</a>
-                </header>
-                <section id="post-assessment">
-                    ${status['post_assessment']}
-                </section>
-            </div>
+    %for i in xrange(0,len(status_list)):
+        <%status=status_list[i]%>
+        %if i==len(status_list)-1:
+            <div class="statusitem-current" data-status-number="${i}">
+        %else:
+            <div class="statusitem" data-status-number="${i}">
         %endif
-    </div>
+
+            Step ${status['task_number']} (${status['human_state']}) : ${status['score']} / ${status['max_score']}
+            %if status['type']=="openended":
+                <div class="collapsible external-grader-message">
+                    <header>
+                        <a href="#">Show feedback from step ${status['task_number']}</a>
+                    </header>
+                    <section id="post-assessment">
+                        ${status['post_assessment']}
+                    </section>
+                </div>
+            %endif
+        </div>
     %endfor
 </section>
\ No newline at end of file