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 -->
 
-	<!-- IF loggedIn -->
+	<div class="clearfix">
-	<button id="new_topic" class="btn btn-primary">[[category:new_topic_button]]</button>
+		<div class="pull-left">
-	<!-- ELSE -->
+		<!-- IMPORT partials/breadcrumbs.tpl -->
-	<a href="/login?next=recent" class="btn btn-primary">[[category:guest-login-post]]</a>
+		</div>
-	<!-- ENDIF loggedIn -->
+		<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,28 +1,31 @@
 <div class="unread">
-	<!-- IMPORT partials/breadcrumbs.tpl -->
 
+	<div class="clearfix">
+		<div class="pull-left">
+		<!-- IMPORT partials/breadcrumbs.tpl -->
+		</div>
 
-
+		<div class="markread btn-group pull-right<!-- IF !topics.length --> hidden<!-- ENDIF !topics.length -->">
-	<div class="markread btn-group <!-- IF !topics.length -->hidden<!-- ENDIF !topics.length -->">
+			<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
-		<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+				[[unread:mark_as_read]] <span class="caret"></span>
-			[[unread:mark_as_read]] <span class="caret"></span>
+			</button>
-		</button>
+			<ul class="dropdown-menu" role="menu">
-		<ul class="dropdown-menu" role="menu">
+
-
+				<li role="presentation">
-			<li role="presentation">
+					<a id="markSelectedRead" role="menuitem" tabindex="-1" href="#">[[unread:selected]]</a>
-				<a id="markSelectedRead" role="menuitem" tabindex="-1" href="#">[[unread:selected]]</a>
+				</li>
-			</li>
+
-
+				<li role="presentation">
-			<li role="presentation">
+					<a id="markAllRead" role="menuitem" tabindex="-1" href="#">[[unread:all]]</a>
-				<a id="markAllRead" role="menuitem" tabindex="-1" href="#">[[unread:all]]</a>
+				</li>
-			</li>
+				<li class="divider"></li>
-			<li class="divider"></li>
+			</ul>
-		</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>