details/summary tags instead of hacky hidden post form check css

gulp/res/css/style.css

@@ -72,6 +72,7 @@ object {
 
 .navbar {
 	border-bottom: 1px solid #a9a9a9;
+	background: #d6daf0;
 }
 
 .catalog-tile-button {
@@ -133,6 +134,7 @@ object {
 }
 
 .mode {
+	margin-top: 1px;
 	background-color: red;
 	color: white;
 	font-weight: bold;
@@ -211,7 +213,8 @@ td, th {
 }
 
 .actions {
-	max-width: 100%;
+	text-align: left;
+	max-width: 200px;
 	display: flex;
 	flex-direction: column;
 	margin: 2px 0;
@@ -439,6 +442,7 @@ input textarea {
 	margin-top: auto;
 	line-height: 30px;
 	border-top: 1px solid #a9a9a9;
+	background: #d6daf0;
 }
 
 input[type="text"], input[type="submit"], input[type="password"], input[type="file"], textarea {
@@ -536,6 +540,7 @@ hr {
 
 	.catalog-tile {
 		overflow-y: hidden;
+		width: 48%;
 	}
 
 	.table-body {

views/includes/actionfooter.pug

@@ -1,6 +1,5 @@
-label.toggle-label Toggle Post Actions
-	input.toggle(type='checkbox')
-	.action-wrapper.togglable
+details.toggle-label
+	summary Show Post Actions
 	.actions 
 		h4.no-m-p Actions:
 		label

views/includes/actionfooter_globalmanage.pug

@@ -1,6 +1,5 @@
-label.toggle-label Toggle Post Actions
-	input.toggle(type='checkbox')
-	.action-wrapper.togglable
+details.toggle-label
+	summary Show Post Actions
 	.actions 
 		h4.no-m-p Actions:
 		label
@@ -29,4 +28,3 @@ label.toggle-label Toggle Post Actions
 		label
 			input#ban_reason(type='text', name='ban_reason', placeholder='ban reason' autocomplete='off')
 	input(type='submit', value='submit')
-	

views/includes/actionfooter_manage.pug

@@ -1,6 +1,5 @@
-label.toggle-label Toggle Post Actions
-	input.toggle(type='checkbox')
-	.action-wrapper.togglable
+details.toggle-label
+	summary Show Post Actions
 	.actions 
 		h4.no-m-p Actions:
 		label

views/includes/postform.pug

@@ -1,4 +1,6 @@
 section.form-wrapper.flex-center.mv-10
+	details.toggle-label
+		summary Show Post Form
 		form.form-post(action=`/forms/board/${board._id}/post`, enctype='multipart/form-data', method='POST')
 			//input(type='hidden' name='_csrf' value=csrf)
 			input(type='hidden' name='thread' value=thread != null ? thread.postId : null)
@@ -40,7 +42,5 @@ section.form-wrapper.flex-center.mv-10
 				.postform-col
 					img.captcha(src='/captcha' width=200 height=80)
 					input#captcha(type='text', name='captcha', autocomplete='off' placeholder='captcha text' maxlength='6')
-		if !thread
-			input(type='submit', value='New Thread')
-		else
-			input(type='submit', value='Reply')
+			input(type='submit', value=`New ${threads ? 'Thread' : 'Reply'}`)
+		//.mode Posting mode: #{threads ? 'Thread' : 'Reply'}

views/pages/board.pug

@@ -7,7 +7,6 @@ block head
 block content
 	include ../includes/boardheader.pug
 	include ../includes/postform.pug
-	.mode Posting mode: Thread
 	nav.pages#top 
 		include ../includes/pages.pug
 		a(href='#bottom') [Bottom]
@@ -26,6 +25,7 @@ block content
 					+post(post, true)
 			hr(size=1)
 		nav.pages#bottom
+			include ../includes/pages.pug
 			a(href='#top') [Top]
 			| 
 			a(href=`/${board._id}/catalog.html`) [Catalog]

views/pages/thread.pug

@@ -12,7 +12,6 @@ block head
 block content
 	include ../includes/boardheader.pug
 	include ../includes/postform.pug
-	.mode Posting mode: Reply
 	nav.pages#top
 		a(href='#bottom') [Bottom]
 		|