From f9041b9e0f93aa959b171a223f6fc4a75f397e7f Mon Sep 17 00:00:00 2001
From: ebolam <ebolam@gmail.com>
Date: Tue, 23 Aug 2022 13:39:22 -0400
Subject: [PATCH] Fix for WI area padding and New WI entry button

---
 static/koboldai.css         |  8 +++----
 static/koboldai.js          |  3 ++-
 templates/story flyout.html | 48 ++++++++++++++++++-------------------
 3 files changed, 28 insertions(+), 31 deletions(-)

diff --git a/static/koboldai.css b/static/koboldai.css
index 0d34a1a2..6da017d1 100644
--- a/static/koboldai.css
+++ b/static/koboldai.css
@@ -177,6 +177,8 @@ input[type="range"]::-ms-fill-upper {
 	width: 100%;
 }
 
+
+
 .setting_container {
 	display: grid;
 	grid-template-areas: "label value"
@@ -676,11 +678,7 @@ td.server_vars {
 	white-space: pre-wrap;
 }
 
-.story_category_area{
-	margin-top: 10px;
-}
-
-.story_category_area{
+.story_category_area:not(#story_menu_wi){
 	margin: 10px 10px 0 10px;
 }
 
diff --git a/static/koboldai.js b/static/koboldai.js
index c1ebdfbc..c9f008f1 100644
--- a/static/koboldai.js
+++ b/static/koboldai.js
@@ -2175,7 +2175,8 @@ function create_new_wi_entry(folder) {
                                     "content": "",
                                     "comment": "",
                                     "token_length": 0,
-                                    "selective": false
+                                    "selective": false,
+									"wpp": {'name': "", 'type': "", 'attributes': {}}
                                     };
 	card = world_info_entry(data);
 	card.scrollIntoView(false);
diff --git a/templates/story flyout.html b/templates/story flyout.html
index 7ddce4a4..c50e40ba 100644
--- a/templates/story flyout.html	
+++ b/templates/story flyout.html	
@@ -67,33 +67,31 @@
 		</div>
 	</div>
 	<div id="story_menu_wi" class="story_category_area hidden">
-		<div>
-			<h4 class="section_header">World Info</h4>
-			<span class="help_text">
-				Lore information, which the AI recalls by certain words.
-				<span class="helpicon material-icons-outlined" title="Use this instead of Memory for information on things like characters, objects, events, places, and anything else with detail.">help_icon</span>
-			</span>
-			<div class="setting_tile_area">
-			{% with menu='World Info' %}
-				{% with sub_path='' %}
-					{% include 'settings item.html' %}
-				{% endwith %}
+		<h4 class="section_header" style="margin-left: 10px;">World Info</h4>
+		<span class="help_text" style="margin-left: 20px;">
+			Lore information, which the AI recalls by certain words.
+			<span class="helpicon material-icons-outlined" title="Use this instead of Memory for information on things like characters, objects, events, places, and anything else with detail.">help_icon</span>
+		</span>
+		<div class="setting_tile_area wi_settings">
+		{% with menu='World Info' %}
+			{% with sub_path='' %}
+				{% include 'settings item.html' %}
 			{% endwith %}
-			</div>
-			<div id="WI_Area">
-				<span id="world_info_folder_New Folder" class="WI_Folder">
-					<h2>
-						<span id="world_info_folder_collapse_root" class="wi_folder_collapser material-icons-outlined" folder="root">expand_more</span>
-						<span id="world_info_folder_expand_root" class="wi_folder_collapser material-icons-outlined hidden" folder="root">chevron_right</span>
-						<span class="material-icons-outlined" folder="root">folder</span>
-						<span original_text="root" contenteditable="true">root</span>
-					</h2>
-					<span class="wi_add_button">
-						<span class="material-icons-outlined">post_add</span>
-						<span folder="root">Add World Info Entry</span>
-					</span>
+		{% endwith %}
+		</div>
+		<div id="WI_Area">
+			<span id="world_info_folder_New Folder" class="WI_Folder">
+				<h2>
+					<span id="world_info_folder_collapse_root" class="wi_folder_collapser material-icons-outlined" folder="root">expand_more</span>
+					<span id="world_info_folder_expand_root" class="wi_folder_collapser material-icons-outlined hidden" folder="root">chevron_right</span>
+					<span class="material-icons-outlined" folder="root">folder</span>
+					<span original_text="root" contenteditable="true">root</span>
+				</h2>
+				<span class="wi_add_button" onclick='create_new_wi_entry(this.getAttribute("folder"));'>
+					<span class="material-icons-outlined">post_add</span>
+					<span folder="root" >Add World Info Entry</span>
 				</span>
-			</div>
+			</span>
 		</div>
 	</div>
 </div>