closes #58

less/unread.less

@@ -1,5 +1,3 @@
 .unread {
-	.markread {
+
-		margin-bottom: 20px;
-	}
 }

templates/popular.tpl

@@ -11,7 +11,6 @@
 	<br />
 
 	<div class="category">
-		<p>[[global:header.popular]]</p>
 		<!-- IF !topics.length -->
 		<div class="alert alert-warning" id="category-no-topics">
 			<strong>[[recent:no_popular_topics]]</strong>

templates/recent.tpl

@@ -1,17 +1,21 @@
 <div class="recent">
-	<!-- IMPORT partials/breadcrumbs.tpl -->
 
+	<div class="clearfix">
+		<div class="pull-left">
+		<!-- IMPORT partials/breadcrumbs.tpl -->
+		</div>
+		<div class="pull-right">
 			<!-- IF loggedIn -->
 			<button id="new_topic" class="btn btn-primary">[[category:new_topic_button]]</button>
 			<!-- ELSE -->
 			<a href="/login?next=recent" class="btn btn-primary">[[category:guest-login-post]]</a>
 			<!-- ENDIF loggedIn -->
+		</div>
+	</div>
 
 	<hr />
 
 	<div class="category">
-		<p>[[recent:title]]</p>
-
 		<!-- IF !topics.length -->
 		<div class="alert alert-warning" id="category-no-topics">
 			<strong>[[recent:no_recent_topics]]</strong>

templates/unread.tpl

@@ -1,9 +1,11 @@
 <div class="unread">
-	<!-- IMPORT partials/breadcrumbs.tpl -->
-
 
+	<div class="clearfix">
+		<div class="pull-left">
+		<!-- IMPORT partials/breadcrumbs.tpl -->
+		</div>
 
-	<div class="markread btn-group <!-- IF !topics.length -->hidden<!-- ENDIF !topics.length -->">
+		<div class="markread btn-group pull-right<!-- IF !topics.length --> hidden<!-- ENDIF !topics.length -->">
 			<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
 				[[unread:mark_as_read]] <span class="caret"></span>
 			</button>
@@ -19,10 +21,11 @@
 				<li class="divider"></li>
 			</ul>
 		</div>
+	</div>
 
-	<div class="category">
+	<hr />
-		<p>[[unread:title]]</p>
 
+	<div class="category">
 		<div id="category-no-topics" class="alert alert-warning <!-- IF topics.length -->hidden<!-- ENDIF topics.length -->">
 			<strong>[[unread:no_unread_topics]]</strong>
 		</div>