Fix input area styling

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

@@ -442,12 +442,13 @@ section.open-ended-child {
       margin: 10px;
     }
 
-    span.short-form-response {
-          padding: 9px;
+    div.short-form-response {
           background: #F6F6F6;
           border: 1px solid #ddd;
           border-top: 0;
           margin-bottom: 20px;
+          overflow-y: auto;
+          height: 200px;
           @include clearfix;
      }
 

common/lib/xmodule/xmodule/js/src/combinedopenended/display.coffee

@@ -351,5 +351,5 @@ class @CombinedOpenEnded
     answer_id = @answer_area.attr('id')
     answer_val = @answer_area.val()
     new_text = ''
-    new_text = "<span class='#{answer_class}' id='#{answer_id}'>#{answer_val}</span>"
+    new_text = "<div class='#{answer_class}' id='#{answer_id}'>#{answer_val}</div>"
     @answer_area.replaceWith(new_text)

lms/static/coffee/src/open_ended/open_ended.coffee

@@ -44,13 +44,14 @@ class OpenEnded
         .error => callback({success: false, error: "Error occured while performing this operation"})
 
   after_action_wrapper: (target, action_type) ->
+    tr_parent = target.parent().parent()
+    tr_children = tr_parent.children()
+    action_taken = tr_children[4].firstElementChild
+    action_taken.innerText = "#{action_type} done for student."
     return @handle_after_action
 
   handle_after_action: (data) ->
-    tr_parent = target.parent().parent()
-    tr_children = tr_parent.children()
-    action_taken = tr_children[4].children()[0]
-    action_taken.replaceWith('<div class="action-taken">#{action_type} done for student.</div>')
+    blah = "blah"
 
   gentle_alert: (msg) =>
     if $('.message-container').length