anchors dont hit top of page

gulp/res/css/style.css

@@ -414,16 +414,22 @@ input textarea {
 
 .post-container, .ban {
 	box-sizing: border-box;
-	margin: 2px 0;
 	padding: 5px;
 	max-width: 100%;
+	margin-bottom: -10px;
 }
 
-.post-container:target {
+.pad-anchor:target .post-container {
 	background-color: #d6bad0 !important;
 	border: 1px solid #ba9dbf !important;
 }
 
+.pad-anchor:before {
+	content: "";
+	display: block;
+	height: 15px;
+}
+
 .post-container.op {
 	background: none;
 	border: none;
@@ -609,6 +615,10 @@ hr {
 		width:100%;
 	}
 
+	.pad-anchor {
+		width: 100%;
+	}
+
 	.post-container {
 		box-shadow: none;
 		width: 100%;

views/mixins/post.pug

@@ -1,5 +1,6 @@
 mixin post(post, truncate, manage=false, globalmanage=false)
-	article(id=post.postId class='post-container '+(post.thread ? '' : 'op'))
+	.pad-anchor(id=post.postId)
+		article(class='post-container '+(post.thread ? '' : 'op'))
 			- const postURL = `/${post.board}/thread/${post.thread || post.postId}.html#${post.postId}`;
 			header.post-info
 				if globalmanage

views/pages/board.pug

@@ -10,7 +10,8 @@ block content
 	include ../includes/postform.pug
 	br
 	include ../includes/stickynav.pug
-	nav.pages#top 
+	.pad-anchor#top
+		nav.pages
 			include ../includes/pages.pug
 			a(href=`/${board._id}/catalog.html`) [Catalog]
 			|

views/pages/catalog.pug

@@ -10,7 +10,8 @@ block content
 	include ../includes/postform.pug
 	br
 	include ../includes/stickynav.pug
-	nav.pages#top
+	.pad-anchor#top
+		nav.pages
 			a(href=`/${board._id}/index.html`) [Return]
 	hr(size=1)
 	if threads.length === 0

views/pages/thread.pug

@@ -21,7 +21,8 @@ block content
 	include ../includes/postform.pug
 	br
 	include ../includes/stickynav.pug
-	nav.pages#top
+	.pad-anchor#top
+		nav.pages
 			a(href=`/${board._id}/index.html`) [Return]
 			| 
 			a(href=`/${board._id}/catalog.html`) [Catalog]