remove unnecessary negative margin here and improve catalog appearance

gulp/res/css/style.css

@@ -134,6 +134,7 @@ p {
 	width: 64px;
 	height: 64px;
 	object-fit: cover;
+	margin: 5px;
 }
 
 .catalog {
@@ -462,17 +463,17 @@ input textarea {
 .post-info {
 	background-color: #00000010;
 	border-bottom: 1px solid #00000010;
-	margin: -5px;
+	margin: -5px -5px 0 -5px;
 	padding: 5px;
 	padding-left: 3px;
 }
 
 .post-info * {
-	margin-bottom: 0;
-	margin-top: -2px;
+	/*margin-bottom: 0;*/
+	/*margin-top: -2px;*/
 }
 
-.post-container.op .post-info, .catalog-tile .post-info {
+.post-container.op .post-info {
 	background: none;
 	border: none;
 }

views/includes/pages.pug

@@ -1,5 +1,8 @@
 | Page: 
 - for(let i = 1; i <= maxPage; i++)
-	a(class=`${page === i ? 'bold' : ''}` href=`/${board._id}/${i === 1 ? 'index' : i}.html`) [#{i}]
+	if page === i
+		a.bold(href=`/${board._id}/${i === 1 ? 'index' : i}.html`) [#{i}]
+	else
+		a(href=`/${board._id}/${i === 1 ? 'index' : i}.html`) #{i}
 	|  
 |   |  

views/mixins/catalogtile.pug

@@ -1,15 +1,6 @@
 mixin catalogtile(board, post, truncate)
 	article(class='catalog-tile')
 		- const postURL = `/${board._id}/thread/${post.postId}.html#${post.postId}`
-		if post.files.length > 0
-			.post-file-src
-				a(href=postURL)
-					if post.spoiler
-						img(src='/img/spoiler.png' width='64' height='64')
-					else
-						object.catalog-thumb(data=`/img/thumb-${post.files[0].filename.split('.')[0]}.jpg` width='64' height='64')
-							img(src='/img/deleted.png' width='64' height='64')
-		br
 		header.post-info
 			if post.sticky
 				img(src='/img/sticky.svg' height='12')
@@ -20,11 +11,19 @@ mixin catalogtile(board, post, truncate)
 			if post.locked
 				img(src='/img/locked.svg' height='12')
 				| 
-			span: a.no-decoration.post-subject(href=postURL) #{post.subject || 'No Subject'}
-			br
-			span Replies: #{post.replyposts}
-			| 
-			span Files: #{post.replyfiles}
+			span
+				a.no-decoration.post-subject(href=postURL) #{post.subject || 'No Subject #'+post.postId}
+				|  - 
+				| R: #{post.replyposts}
+				|  / 
+				| F: #{post.replyfiles}
+		if post.files.length > 0
+			.post-file-src
+				a(href=postURL)
+					if post.spoiler
+						img.catalog-thumb(src='/img/spoiler.png' width='64' height='64')
+					else
+						object.catalog-thumb(data=`/img/thumb-${post.files[0].filename.split('.')[0]}.jpg` width='64' height='64')
+							img(src='/img/deleted.png' width='64' height='64')
 		if post.message
-			br
 			pre.no-m-p.post-message !{post.message}

views/pages/home.pug

@@ -17,14 +17,14 @@ block content
 						| The most notable feature of imageboards and primary difference to traditional forums is 
 						| that anybody can make a post without the need to register an account or provide 
 						| any personal information. This way, what is said becomes more important than who says it.
-						| As new threads are started, the least recently replied to are pruned. This creates an 
+						| Threads do not last forever and the least recently bumped threads are pruned as they fall off the last page. This creates an 
 						| element of transience and keeps making room for new content. 
 					p 
 						| Pick a board below to join the discussion.
 	.table-container.flex-center.mv-10
 		table.table-body
 			tr.table-head
-				th Board
+				th Id
 				th Name
 				th Description
 			each board in boards
@@ -41,4 +41,4 @@ block content
 					p
 						| The source code for this site is available 
 						a(href='https://github.com/fatchan/jschan/') here
-						|  and is licensed under the Affero General Public License v3.
+						|  (and in the footer of each page) and is licensed under the Affero General Public License v3.