From 781a9a212b23cf75d0d3f570f06f2ee9c9fb84eb Mon Sep 17 00:00:00 2001
From: Thomas Lynch <tom@69420.me>
Date: Tue, 7 Dec 2021 08:21:27 +1100
Subject: [PATCH] make settings a bit more compact. some settings took up full
 width when then could be in 2 columns. looks much better

---
 views/mixins/modal.pug | 84 ++++++++++++++++++++++--------------------
 1 file changed, 45 insertions(+), 39 deletions(-)

diff --git a/views/mixins/modal.pug b/views/mixins/modal.pug
index e2b928e0..ae9c4606 100644
--- a/views/mixins/modal.pug
+++ b/views/mixins/modal.pug
@@ -109,53 +109,59 @@ mixin modal(data)
 								label.postform-style.ph-5
 									input#smoothscrolling-setting(type='checkbox')
 								.rlabel Smooth scrolling
+					.row.wrap.sb.mt-5
+						.col.mr-5
+							.row
+								.label Video/Audio volume
+								label.postform-style.ph-5
+									input#volume-setting(type='range' min='0' max='100')
+							.row
+								.label Default name
+								input#name-setting(type='text' name='name')
+							.row
+								.label Post password
+								input#postpassword-setting(type='password' name='postpassword' autocomplete='new-password')
+							.row
+								.label Theme
+								select#theme-setting
+									option(value='default') default
+									each theme in data.settings.themes
+										option(value=theme) #{theme}
+							.row
+								.label Code theme
+								select#codetheme-setting
+									option(value='default') default
+									each theme in data.settings.codeThemes
+										option(value=theme) #{theme}
+
+						.col
+							.row
+								.label (You)s
+								input.mr-1#youslist-setting(type='text' readonly)
+								input#youslist-clear(type='button' value='Clear')
+							.row
+								.label Watchlist
+								input.mr-1#watchlist-setting(type='text' readonly)
+								input#watchlist-clear(type='button' value='Clear')
+							.row
+								.label Hidden images
+								input.mr-1#hiddenimages-setting(type='text' readonly)
+								input#hiddenimages-clear(type='button' value='Clear')
+							.row
+								.label Cache
+								input.mr-1#hovercachelist-setting(type='text' readonly)
+								input#hovercachelist-clear(type='button' value='Clear')
+
 					.row.mt-5
-						.label (You)s
-						input.mr-1#youslist-setting(type='text' readonly)
-						input#youslist-clear(type='button' value='Clear')
-					.row
-						.label Watchlist
-						input.mr-1#watchlist-setting(type='text' readonly)
-						input#watchlist-clear(type='button' value='Clear')
-					.row
-						.label Hidden images
-						input.mr-1#hiddenimages-setting(type='text' readonly)
-						input#hiddenimages-clear(type='button' value='Clear')
-					.row
-						.label Cache
-						input.mr-1#hovercachelist-setting(type='text' readonly)
-						input#hovercachelist-clear(type='button' value='Clear')
-					.row
-						.label Video/Audio volume
-						label.postform-style.ph-5
-							input#volume-setting(type='range' min='0' max='100')
-					.row
-						.label Default name
-						input#name-setting(type='text' name='name')
-					.row
-						.label Post password
-						input#postpassword-setting(type='password' name='postpassword' autocomplete='new-password')
-					.row
-						.label Theme
-						select#theme-setting
-							option(value='default') default
-							each theme in data.settings.themes
-								option(value=theme) #{theme}
-					.row
-						.label Code theme
-						select#codetheme-setting
-							option(value='default') default
-							each theme in data.settings.codeThemes
-								option(value=theme) #{theme}
-					.row
 						.label Custom CSS
 						textarea#customcss-setting(rows=7)
+
 					.row.mt-5
 						form.text-center#filter-form
 							table
 								tbody#advancedfilters
 									tr
-										th Post Filters
+										th(colspan=4) Post Filters
 										th
 										th
 										th