From d69b3831b8b1326e8da4f4293671e995e01e3396 Mon Sep 17 00:00:00 2001
From: barisusakli <barisusakli@gmail.com>
Date: Tue, 7 Apr 2015 21:56:54 -0400
Subject: [PATCH] added topic/title component

---
 less/topic.less     | 12 ++++++++----
 templates/topic.tpl |  2 +-
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/less/topic.less b/less/topic.less
index 85c0d78..a2f63ec 100644
--- a/less/topic.less
+++ b/less/topic.less
@@ -1,8 +1,12 @@
 .topic {
 	h1 {
-		font-size: 28px;
+
 		line-height: 24px;
 		margin-bottom: 30px;
+		.topic-title {
+			font-size: 28px;
+			color:inherit;
+		}
 
 		> span {
 			text-transform: uppercase;
@@ -103,11 +107,11 @@
 		right: -5px;
 		top: 0;
 		font-size: 14px;
-		
+
 		> a {
 			padding: 0.25em;
 		}
-		
+
 		a {
 			color: @gray-light;
 			outline: none;
@@ -289,7 +293,7 @@
 
 .thread_active_users {
 	text-transform: initial;
-	
+
 	a[data-uid] {
 		position: relative;
 		margin-left: 14px;
diff --git a/templates/topic.tpl b/templates/topic.tpl
index f05d626..a6673fd 100644
--- a/templates/topic.tpl
+++ b/templates/topic.tpl
@@ -3,7 +3,7 @@
 
 	<h1 component="post/header" itemprop="name">
 
-		<i class="fa fa-thumb-tack <!-- IF !pinned -->hidden<!-- ENDIF !pinned -->"></i> <i class="fa fa-lock <!-- IF !locked -->hidden<!-- ENDIF !locked -->"></i> {title}
+		<i class="fa fa-thumb-tack <!-- IF !pinned -->hidden<!-- ENDIF !pinned -->"></i> <i class="fa fa-lock <!-- IF !locked -->hidden<!-- ENDIF !locked -->"></i> <span class="topic-title" component="topic/title">{title}</span>
 		<!-- IMPORT partials/thread_sort.tpl -->
 
 		<button component="topic/follow" class="btn hidden-xs hidden-sm <!-- IF isFollowing -->hidden<!-- ENDIF isFollowing -->">