post styling table improvements

views/custompages/faq.pug

@@ -100,41 +100,65 @@ block content
 		.anchor#post-styling
 		table
 			tr
-				th: a(href='#post-styling') Post styling
+				th(colspan=2): a(href='#post-styling') Post styling
 			tr
-				td.post-message
+				th Input
-					p When posting, you can use certain characters to style your post with bold, italics, code blocks, quotes, etc. The formatting is as follows:
+				th Output
-					div >greentext  →  
+			tr
+				td >greentext
+				td
 					span.greentext >greentext
-					div <pinktext  →  
+			tr
+				td <pinktext
+				td
 					span.pinktext <pinktext
-					div ==title==  →  
+			tr
+				td ==title==
+				td
 					span.title title
-					div ""bold""  →  
+			tr
-						strong bold
+				td ""bold""
-					div __underline__  →  
+				td
+					span.strong bold
+			tr
+				td __underline__
+				td
 					span.underline underline
-					div ~~strikethrough~~  →  
+			tr
+				td ~~strikethrough~~
+				td
 					span.strikethrough strikethrough
-					div **italic**  →  
+			tr
-						em italic
+				td **italic**
-					div (((detected)))  →  
+				td
+					span.em italic
+			tr
+				td (((detected)))
+				td
 					span.detected (((detected)))
-					pre.no-m-p
+			tr
+				td
 					| ```
 					| code block
 					| ```
+				td
 					span.code code block
-					div `inline monospace`  →  
+			tr
+				td `inline monospace`
+				td
 					span.mono inline monospace
-					b Hyperlinks
+			tr
-					div https://example.com  →  #[a(href='#!') https://example.com]
+				td https://example.com
-					b Quotes
+				td: a(href='#!') https://example.com
-					div >>123  →  #[a(class="quote" href="#!") >>123]
+			tr
-					b Cross Board Quotes
+				td >>123
-					div >>>/b/  →  #[a(class="quote" href="#!") >>>/b/]
+				td: a(class="quote" href="#!") >>123
-					div >>>/b/123  →  #[a(class="quote" href="#!") >>>/b/123]
+			tr
-					br
+				td >>>/b/
+				td: a(class="quote" href="#!") >>>/b/
+			tr
+				td >>>/b/123
+				td: a(class="quote" href="#!") >>>/b/123
 	.table-container.flex-center.mv-5
 		.anchor#make-a-board
 		table