From 2f5ad06eecffe2bc77862cd3164976c794ce3940 Mon Sep 17 00:00:00 2001
From: Tom Giannattasio <tom@mitx.mit.edu>
Date: Fri, 14 Sep 2012 16:34:55 -0400
Subject: [PATCH] smoother comment form expansion

---
 .../src/discussion/views/thread_response_view.coffee   | 10 ++++++++--
 lms/static/sass/_discussion.scss                       |  4 ++++
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/lms/static/coffee/src/discussion/views/thread_response_view.coffee b/lms/static/coffee/src/discussion/views/thread_response_view.coffee
index 6a25d1d852..c1727d03c1 100644
--- a/lms/static/coffee/src/discussion/views/thread_response_view.coffee
+++ b/lms/static/coffee/src/discussion/views/thread_response_view.coffee
@@ -36,14 +36,20 @@ if Backbone?
     hideEditorChrome: ->
       @$('.wmd-button-row').hide()
       @$('.wmd-preview').hide()
-      @$('.wmd-input').css(height: '50px')
+      @$('.wmd-input').css({
+        height: '35px',
+        padding: '0'
+      })
       @$('.comment-post-control').hide()
 
     showEditorChrome: ->
       @$('.wmd-button-row').show()
       @$('.wmd-preview').show()
       @$('.comment-post-control').show()
-      @$('.wmd-input').css(height: '125px')
+      @$('.wmd-input').css({
+        height: '125px',
+        padding: '10px'
+      })
 
     renderComments: ->
       comments = new Comments()
diff --git a/lms/static/sass/_discussion.scss b/lms/static/sass/_discussion.scss
index f6333b6a5c..8c4a98df80 100644
--- a/lms/static/sass/_discussion.scss
+++ b/lms/static/sass/_discussion.scss
@@ -1538,6 +1538,10 @@ body.discussion {
   .comment-form {
     padding: 8px 20px;
 
+    .wmd-input {
+      @include transition(all .2s);
+    }
+
     .wmd-button {
       background: transparent;