fix message truncation not showing expansion message, and improve board table styling

gulp/res/css/style.css

@@ -155,19 +155,38 @@ blockquote a, a:hover {
 
 blockquote {
 	white-space: pre-wrap;
+	margin: 1em;
 }
 
-.thread, .action-wrapper, .form-wrapper {
+.thread, .action-wrapper, .form-wrapper, .table-container {
 	display: flex;
 	flex-direction: column;
 	align-items: flex-start;
 }
 
+.table-row:nth-child(2n+1) {
+	background: #eef2ff;
+}
+
+.table-body {
+	background: #D6DAF0;
+	border: 1px solid #000333;
+	border-spacing: 0;
+}
+
+.table-head {
+	background: #98e;
+}
+
+td, th {
+	padding: 5px;
+}
+
 .action-wrapper {
 	text-align: left;
 }
 
-.form-wrapper {
+.form-wrapper, .table-container {
 	align-items: center;
 	margin: 10px 0;
 }
@@ -466,10 +485,6 @@ input[type="file"] {
 	margin-right: 1px;
 }
 
-.boards-table {
-	margin: 0 auto;
-}
-
 hr {
 	color: lightgray;
 }

views/mixins/post.pug

@@ -60,8 +60,10 @@ mixin post(post, truncate, manage=false, globalmanage=false)
 						const splitPost = post.message.split('\n');
 						const messageLines = splitPost.length;
 						let truncatedMessage = post.message;
+						let truncated = false;
 						if (messageLines > 10 || post.message.length > 1000) {
 							truncatedMessage = splitPost.slice(0, 10).join('\n');
+							truncated = true;
 						}
 					blockquote.post-message !{truncatedMessage}
 					if truncated

views/pages/home.pug

@@ -4,14 +4,15 @@ block head
 	title Board list
 
 block content
-	table.boards-table
-		tr
-			th Board
-			th Name
-			th Description
-		each board in boards
-			tr
-				td: a(href='/'+board._id) /#{board._id}/
-				td= board.name
-				td= board.description
-
+	h1.board-title Board List
+	.table-container
+		table.table-body
+			tr.table-head
+				th Board
+				th Name
+				th Description
+			each board in boards
+				tr.table-row
+					td: a(href='/'+board._id) /#{board._id}/
+					td #{board.name}
+					td #{board.description}