From 39156b3563a20612cb948b54f628afa7f2337d5e Mon Sep 17 00:00:00 2001
From: Ben Lubar <ben.lubar@gmail.com>
Date: Thu, 27 Oct 2016 18:45:57 -0500
Subject: [PATCH 1/3] UI for replies-to-post

---
 less/topic.less                   | 6 +++++-
 templates/partials/topic/post.tpl | 8 ++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/less/topic.less b/less/topic.less
index 8b0e72d..004f530 100644
--- a/less/topic.less
+++ b/less/topic.less
@@ -138,6 +138,10 @@
 		font-size: 10px;
 	}
 
+	[component="post/reply-count"] {
+		margin-left: 61px;
+	}
+
 	.stats {
 		margin: 0px 10px 0px 10px;
 		float: left;
@@ -468,4 +472,4 @@
 			opacity: 0;
 		}
 	}
-}
\ No newline at end of file
+}
diff --git a/templates/partials/topic/post.tpl b/templates/partials/topic/post.tpl
index e0df9b1..7a3bc42 100644
--- a/templates/partials/topic/post.tpl
+++ b/templates/partials/topic/post.tpl
@@ -82,6 +82,14 @@
 
 		<!-- IMPORT partials/topic/post-menu.tpl -->
 	</small>
+
+	<!-- IF posts.replies -->
+	<br />
+	<a component="post/reply-count" href="#" class="no-select">
+		<i class="fa fa-plus"></i>
+		[[topic:replies_to_this_post, {posts.replies}]]
+	</a>
+	<!-- ENDIF posts.replies -->
 </div>
 
 <hr />

From ae9e1623a2128ec43f401378d4eeb9b6030682f5 Mon Sep 17 00:00:00 2001
From: Ben Lubar <ben.lubar@gmail.com>
Date: Fri, 28 Oct 2016 08:48:52 -0500
Subject: [PATCH 2/3] Don't hardcode fa-plus
 <https://github.com/NodeBB/NodeBB/pull/5050#issuecomment-256862345>

---
 templates/partials/topic/post.tpl | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/templates/partials/topic/post.tpl b/templates/partials/topic/post.tpl
index 7a3bc42..80cf7c8 100644
--- a/templates/partials/topic/post.tpl
+++ b/templates/partials/topic/post.tpl
@@ -86,7 +86,9 @@
 	<!-- IF posts.replies -->
 	<br />
 	<a component="post/reply-count" href="#" class="no-select">
-		<i class="fa fa-plus"></i>
+		<i class="fa fa-plus" component="post/replies/open"></i>
+		<i class="fa fa-minus hidden" component="post/replies/close"></i>
+		<i class="fa fa-spin fa-spinner hidden" component="post/replies/loading"></i>
 		[[topic:replies_to_this_post, {posts.replies}]]
 	</a>
 	<!-- ENDIF posts.replies -->

From c5f522ecd8570522a52243a7fadf60c05224354e Mon Sep 17 00:00:00 2001
From: Ben Lubar <ben.lubar@gmail.com>
Date: Sun, 30 Oct 2016 19:58:26 -0500
Subject: [PATCH 3/3] styling fixes

---
 less/topic.less                   | 4 ++++
 templates/partials/topic/post.tpl | 1 -
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/less/topic.less b/less/topic.less
index 004f530..6abce75 100644
--- a/less/topic.less
+++ b/less/topic.less
@@ -259,6 +259,10 @@
 				.user-icon-style(23px, 1.3rem, 50%);
 			}
 		}
+
+		[component="post/reply-count"] {
+			margin-left: 0;
+		}
 	}
 }
 
diff --git a/templates/partials/topic/post.tpl b/templates/partials/topic/post.tpl
index 80cf7c8..ad932d5 100644
--- a/templates/partials/topic/post.tpl
+++ b/templates/partials/topic/post.tpl
@@ -84,7 +84,6 @@
 	</small>
 
 	<!-- IF posts.replies -->
-	<br />
 	<a component="post/reply-count" href="#" class="no-select">
 		<i class="fa fa-plus" component="post/replies/open"></i>
 		<i class="fa fa-minus hidden" component="post/replies/close"></i>