From 757c817b95411ee35d6cdc200ad25c7d5eed2d49 Mon Sep 17 00:00:00 2001
From: Tom Giannattasio <tom@mitx.mit.edu>
Date: Thu, 30 Aug 2012 13:37:50 -0400
Subject: [PATCH] tweaked comment styles

---
 lms/static/js/discussions-temp.js |  5 +++++
 lms/static/sass/_discussion.scss  | 15 +++++++++++----
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/lms/static/js/discussions-temp.js b/lms/static/js/discussions-temp.js
index d740c82fc4..ef85df9152 100644
--- a/lms/static/js/discussions-temp.js
+++ b/lms/static/js/discussions-temp.js
@@ -39,6 +39,7 @@ $(document).ready(function() {
 	$formTopicDropBtn.bind('click', showFormTopicDrop);
 	$formTopicDropMenu.bind('click', setFormTopic);
 	$('.new-post-btn').bind('click', newPost);
+	$('.new-post-cancel').bind('click', closeNewPost);
 
 	$('[data-tooltip]').bind({
 		'mouseover': showTooltip,
@@ -159,6 +160,10 @@ function newPost(e) {
 	$newPost.slideDown(300);
 }
 
+function closeNewPost(e) {
+	$newPost.slideUp(300);	
+}
+
 function showFormTopicDrop(e) {
 	$formTopicDropBtn.addClass('is-dropped');
 	$formTopicDropMenu.show();
diff --git a/lms/static/sass/_discussion.scss b/lms/static/sass/_discussion.scss
index b842dbe6eb..388d42f88c 100644
--- a/lms/static/sass/_discussion.scss
+++ b/lms/static/sass/_discussion.scss
@@ -24,7 +24,7 @@
   padding: 0 15px;
   border-radius: 3px;
   border: 1px solid #444;
-  background: -webkit-linear-gradient(top, #eee, #ccc);
+  @include linear-gradient(top, #eee, #ccc);
   font-size: 13px;
   font-weight: 700;
   line-height: 32px;
@@ -33,7 +33,7 @@
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 1px rgba(0, 0, 0, .15);
 
   &:hover {
-    background: -webkit-linear-gradient(top, #fff, #ddd);
+    @include linear-gradient(top, #fff, #ddd);
   }
 }
 
@@ -705,6 +705,7 @@ body.discussion {
       margin-bottom: 10px;
       font-size: 28px;
       font-weight: 700;
+      letter-spacing: 0;
       line-height: 1.2;
     }
 
@@ -868,9 +869,15 @@ body.discussion {
     li {
       background: #f6f6f6;
       border-bottom: 1px solid #ddd;
+    }
 
-      &.new-comment-form {
-        background: #eee;
+    .comment-form {
+      background: #eee;
+
+      .comment-form-input {
+        padding: 5px 10px;
+        background-color: #fff;
+        font-size: 14px;
       }
     }