random style improvements and fixes

11 years ago · 5d9d2dc3ba
parent 6fb1c1d94f
commit 5d9d2dc3ba
5 changed files with 18 additions and 11 deletions
--- a/less/categories.less
+++ b/less/categories.less
@ -6,7 +6,7 @@
 		margin-bottom: 20px;

 		.content {
-			margin-top: 4px;
+			margin-top: 7px;

 			.icon {
 				font-size: 17px;
@ -152,7 +152,7 @@
 .stats {
 	font-size: 20px;
 	text-align: center;
-	margin-top: 5px;
+	margin-top: 7px;
 	line-height: 22px;

 	small {
--- a/less/header.less
+++ b/less/header.less
@ -1,7 +1,7 @@
 .header {

 	#user_dropdown {
-		padding: 0;
+		padding-top: 0;

 		img {
 			width: 30px;
--- a/templates/categories.tpl
+++ b/templates/categories.tpl
@ -39,7 +39,8 @@
 			<!-- IMPORT partials/categories/lastpost.tpl -->
 		</div>
 		<!-- ELSE -->
-		<div class="col-md-5 col-sm-3 col-xs-1 hidden-lg hidden-md">
+		<div class="col-md-2 hidden-sm-hidden-xs"></div>
+		<div class="col-md-3 col-sm-3 col-xs-1">
 			<div class="card" style="border-color: {categories.bgColor}"></div>
 		</div>
 		<!-- ENDIF !categories.link -->
--- a/templates/header.tpl
+++ b/templates/header.tpl
@ -38,10 +38,10 @@
 </head>

 <body>
-	<div class="navbar navbar-default navbar-fixed-top header" role="navigation" id="header-menu">
+	<nav class="navbar navbar-default navbar-fixed-top header" role="navigation" id="header-menu">
 		<div class="container">
 			<!-- IMPORT partials/menu.tpl -->
 		</div>
-	</div>
+	</nav>
 	<div class="container" id="content">
 	<!-- IMPORT partials/noscript/warning.tpl -->
--- a/templates/partials/categories/lastpost.tpl
+++ b/templates/partials/categories/lastpost.tpl
@ -1,12 +1,18 @@
-<!-- BEGIN posts -->
-<!-- IF @first -->
 <div class="card" style="border-color: {categories.bgColor}">
+	<!-- BEGIN posts -->
+	<!-- IF @first -->
 	<p>
 		<strong>{categories.posts.user.username}</strong> <small class="timeago" title="{categories.posts.relativeTime}"></small>
 	</p>
 	<div class="post-content">
 		{categories.posts.content}
 	</div>
-</div>
-<!-- ENDIF @first -->
-<!-- END posts -->
+	<!-- ENDIF @first -->
+	<!-- END posts -->
+
+	<!-- IF !posts.length -->
+	<div class="post-content">
+		No new posts.
+	</div>
+	<!-- ENDIF !posts.length -->
+</div>