From 1393eac8822a57301a2b84b54a35300f17d8e1c1 Mon Sep 17 00:00:00 2001
From: Gnome Ann <>
Date: Sun, 5 Dec 2021 03:29:13 -0500
Subject: [PATCH] Add indentation to WI folder contents

---
 static/application.js |  6 ++++++
 static/custom.css     | 23 +++++++++++++++++++++++
 2 files changed, 29 insertions(+)

diff --git a/static/application.js b/static/application.js
index 7778b990..025618b0 100644
--- a/static/application.js
+++ b/static/application.js
@@ -435,6 +435,9 @@ function addWiFolder(uid, ob) {
 					</div>\
 				</div>\
 			</div>\
+			<div class=\"wifoldergutter-container\" id=\"wifoldergutter"+uid+"\">\
+				<div class=\"wifoldergutter\"></div>\
+			</div>\
 			<div class=\"wisortable-body\" folder-uid=\""+uid+"\">\
 				<div class=\"wisortable-dummy\"></div>\
 			</div>\
@@ -450,6 +453,9 @@ function addWiFolder(uid, ob) {
 				collapsed: false,
 			}});
 		};
+		$("#wifoldergutter"+uid).on("click", function () {
+			$(this).siblings(".wilistfolder")[0].scrollIntoView();
+		});
 		$("#btn_wifolder"+uid).on("click", function () {
 			showWiFolderDeleteConfirm(uid);
 		});
diff --git a/static/custom.css b/static/custom.css
index 41326405..0a357f0a 100644
--- a/static/custom.css
+++ b/static/custom.css
@@ -577,6 +577,28 @@ chunk.editing, chunk.editing * {
 	background-color: #3bf723;
 }
 
+.wisortable-container {
+	padding-bottom: 50px;
+}
+
+.wisortable-container[folder-uid] {
+	display: grid;
+	grid-template-columns: 5% 95%;
+}
+
+.wifoldergutter-container {
+	cursor: pointer;
+	margin-right: 14px;
+	display: grid;
+}
+
+.wifoldergutter {
+	background-color: #cdf;
+	margin-left: 48%;
+	margin-right: 48%;
+	margin-bottom: 20px;
+}
+
 .wisortable-body {
 
 }
@@ -1012,6 +1034,7 @@ chunk.editing, chunk.editing * {
 
 .wilistfolder {
 	height: 60px;
+	grid-column: span 2;
 	display: grid;
 	grid-template-columns: 4% 5% 88.5% 2.5%;
 	margin-bottom: 24px;