make manage settings better on desktop

gulp/res/css/style.css

@@ -37,7 +37,15 @@ main.minimal {
 .col {
 	display: flex;
 	flex-direction: column;
-	flex-grow: 1;
+	flex-grow: 1 1;
+}
+
+.wrap {
+	flex-wrap: wrap;
+}
+
+.sb {
+	justify-content: space-between;
 }
 
 .flexcenter {
@@ -109,9 +117,6 @@ pre {
 .fw {
 	width: 100%;
 }
-.fw textarea {
-	height: 1em;
-}
 .pr-20 {
 	padding-right: 20px;
 }

views/pages/managesettings.pug

@@ -38,6 +38,8 @@ block content
 	.form-wrapper.flexleft.mt-10
 		form.form-post(action=`/forms/board/${board._id}/settings` method='POST' enctype='application/x-www-form-urlencoded')
 			input(type='hidden' name='_csrf' value=csrf)
+			.row.wrap.sb
+				.col.mr-5
 					.row
 						.label Board name
 						input(type='text' name='name' value=board.settings.name)
@@ -47,9 +49,12 @@ block content
 					.row
 						.label Tags
 						textarea(name='tags' placeholder='newline separated, max 10') #{board.settings.tags.join('\n')}
+					.row
+						.label Moderators
+						textarea(name='moderators' placeholder='newline separated, max 10') #{board.settings.moderators.join('\n')}
 					.row
 						.label Announcement
-				textarea(name='announcement' rows='5' placeholder='supports post styling') #{board.settings.announcement.raw}
+						textarea(name='announcement' placeholder='supports post styling') #{board.settings.announcement.raw}
 					.row
 						.label Anon Name
 						input(type='text' name='default_name' value=board.settings.defaultName)
@@ -76,18 +81,6 @@ block content
 						.label Allow Other Files
 						label.postform-style.ph-5
 							input(type='checkbox', name='files_allow_other', value='true' checked=board.settings.allowedFileTypes.other)
-			.row
-				.label Early 404
-				label.postform-style.ph-5
-					input(type='checkbox', name='early404', value='true' checked=board.settings.early404)
-			.row
-				.label IDs
-				label.postform-style.ph-5
-					input(type='checkbox', name='ids', value='true' checked=board.settings.ids)
-			.row
-				.label Geo Flags
-				label.postform-style.ph-5
-					input(type='checkbox', name='flags', value='true' checked=board.settings.flags)
 					.row
 						.label User Post Deletion
 						label.postform-style.ph-5
@@ -104,6 +97,7 @@ block content
 						.label Force Anon
 						label.postform-style.ph-5
 							input(type='checkbox', name='force_anon', value='true' checked=board.settings.forceAnon)
+				.col.mr-5
 					.row
 						.label Force Thread Subject
 						label.postform-style.ph-5
@@ -147,8 +141,14 @@ block content
 						.label Reply Limit
 						input(type='number' name='reply_limit' value=board.settings.replyLimit min=globalLimits.replyLimit.min max=globalLimits.replyLimit.max)
 					.row
-				.label Moderators
-				textarea(name='moderators' placeholder='newline separated, max 10') #{board.settings.moderators.join('\n')}
+						.label IDs
+						label.postform-style.ph-5
+							input(type='checkbox', name='ids', value='true' checked=board.settings.ids)
+					.row
+						.label Geo Flags
+						label.postform-style.ph-5
+							input(type='checkbox', name='flags', value='true' checked=board.settings.flags)
+				.col
 					.row
 						.label Board Locked
 						label.postform-style.ph-5
@@ -198,6 +198,10 @@ block content
 							option(value='1', selected=board.settings.triggerAction === 1) Enable captcha for new thread
 							option(value='2', selected=board.settings.triggerAction === 2) Enable captcha for all posts
 							option(value='3', selected=board.settings.triggerAction === 3) Lock Board
+					.row
+						.label Early 404
+						label.postform-style.ph-5
+							input(type='checkbox', name='early404', value='true' checked=board.settings.early404)
 					.row
 						.label Filters
 						textarea(name='filters' placeholder='newline separated, max 50') #{board.settings.filters.join('\n')}
@@ -210,4 +214,5 @@ block content
 					.row
 						.label Filter Auto Ban Duration
 						input(type='text' name='ban_duration' placeholder='e.g. 1w' value=board.settings.filterBanDuration)
-			input(type='submit', value='save settings')
+
+			input.row(type='submit', value='save settings')