From 8638e9c9caa33bdabcf67d4a77d68564137479ba Mon Sep 17 00:00:00 2001
From: Toby Zerner <toby.zerner@gmail.com>
Date: Mon, 1 Jun 2015 17:54:37 +0930
Subject: [PATCH] Tweak reply placeholder appearance

---
 js/forum/src/components/reply-placeholder.js |  2 +-
 less/forum/discussion.less                   | 22 +++++++++++++-------
 2 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/js/forum/src/components/reply-placeholder.js b/js/forum/src/components/reply-placeholder.js
index 5b569a7ac..801dab4c1 100644
--- a/js/forum/src/components/reply-placeholder.js
+++ b/js/forum/src/components/reply-placeholder.js
@@ -3,7 +3,7 @@ import avatar from 'flarum/helpers/avatar';
 
 export default class ReplyPlaceholder extends Component {
   view() {
-    return m('article.post.reply-post', {onclick: () => this.props.discussion.replyAction(true)}, [
+    return m('article.post.reply-post', {onmousedown: () => this.props.discussion.replyAction(true)}, [
       m('header.post-header', avatar(app.session.user()), 'Write a Reply...'),
     ]);
   }
diff --git a/less/forum/discussion.less b/less/forum/discussion.less
index f1b744abd..0eec3c57d 100644
--- a/less/forum/discussion.less
+++ b/less/forum/discussion.less
@@ -463,17 +463,23 @@
   font-size: 15px;
   cursor: text;
   overflow: hidden;
-  margin: -15px;
-  padding: 15px 15px 15px 90px + 15px;
+  margin: 50px -20px 0;
+  border: 2px dashed @fl-body-secondary-color;
+  color: @fl-body-muted-color;
+  border-radius: 10px;
+  padding: 20px 20px 20px 110px;
+  transition: color 0.2s, border-color 0.2s;
 
-  & .avatar {
-    opacity: 0.25;
+  & .post-header {
+    padding-top: 18px;
+    color: inherit;
+  }
+  & .avatar {
+    margin-top: -18px;
   }
-
   &:hover {
-    border: 1px dashed @fl-body-secondary-color;
-    border-radius: 64px;
-    margin: -16px;
+    color: @fl-secondary-color;
+    border-color: @fl-body-muted-color;
   }
 }