Fix for WI area padding and New WI entry button

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;
 }
 

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);

templates/story flyout.html

@@ -67,13 +67,12 @@
 		</div>
 	</div>
 	<div id="story_menu_wi" class="story_category_area hidden">
-		<div>
-			<h4 class="section_header">World Info</h4>
-			<span class="help_text">
+		<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">
+		<div class="setting_tile_area wi_settings">
 		{% with menu='World Info' %}
 			{% with sub_path='' %}
 				{% include 'settings item.html' %}
@@ -88,12 +87,11 @@
 					<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="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 folder="root" >Add World Info Entry</span>
 				</span>
 			</span>
 		</div>
 	</div>
-	</div>
 </div>