cleaned up unread.tpl

public/templates/unread.tpl

@@ -1,22 +1,21 @@
-<ol class="breadcrumb">
+<div class="unread">
+	<ol class="breadcrumb">
 		<li><a href="/">Home</a></li>
 		<li class="active">{category_name}</li>
 		<div id="category_active_users"></div>
-</ol>
+	</ol>
 
-<a href="/unread">
+	<a href="/unread">
 		<div class="alert hide" id="new-topics-alert"></div>
-</a>
+	</a>
 
-<div class="alert alert-warning {no_topics_message}" id="category-no-topics">
+	<div class="alert alert-warning {no_topics_message}" id="category-no-topics">
 		<strong>There are no unread topics.</strong>
-</div>
+	</div>
 
-<div>
 	<button id="mark-allread-btn" class="btn btn-primary {show_markallread_button}">Mark all as Read</button>
-</div>
 
-<div class="category row">
+	<div class="category row">
 		<div class="{topic_row_size}">
 			<ul id="topics-container" data-next-start="{nextStart}">
 			<!-- BEGIN topics -->
@@ -47,6 +46,7 @@
 			</ul>
 			<button id="load-more-btn" class="btn btn-primary hide">Load More</button>
 		</div>
+	</div>
 </div>
 
 <script type="text/javascript" src="{relative_path}/src/forum/unread.js"></script>

public/themes/vanilla/unread.less

@@ -1,4 +1,5 @@
-
-#mark-allread-btn {
-	margin-bottom:15px;
+.unread {
+	> .btn {
+		margin-bottom: 15px;
+	}
 }

public/themes/vanilla/vanilla.less

@@ -1,4 +1,5 @@
 @import "style";
+
 @import "topic";
 @import "category";
 @import "noscript";