Merge pull request #189 from LightSaveUs/UI2

Small Visual Improvements

static/koboldai.css

@@ -454,6 +454,7 @@ border-top-right-radius: var(--tabs_rounding);
 
 
 .story_title_area {
+	padding-top: 3px;
 	position: relative;
 }
 
@@ -938,6 +939,10 @@ td.server_vars {
 	text-align: center;
 }
 
+#authors_notes_template {
+	margin-bottom: 3px;
+}
+
 .WI_Folder_Header {
 	margin-left: 10px;
 	display: grid;
@@ -1041,6 +1046,7 @@ td.server_vars {
 .world_info_delete {
 	grid-area: delete;
 	cursor: pointer;
+	margin: 2px 0px 0px 4px;
 }
 	
 .world_info_tag_area {
@@ -1055,7 +1061,7 @@ td.server_vars {
 
 .world_info_text {
 	width: auto;
-	margin: 0 2px 0 2px;
+	margin: 0 0px 0px;
 	border-radius: var(--radius_wi_card);
 	background-color: var(--wi_card_bg_color);
 	color: var(--wi_card_text_color);
@@ -1196,7 +1202,7 @@ body {
 
 .gametext {
 	margin-top: auto;
-	padding: 0px 5px 10px 10px;
+	padding: 10px 12px 10px 12px;
 	vertical-align: bottom;
 	overflow-y: scroll;
 	outline: none;
@@ -1951,6 +1957,7 @@ body {
 	top: 3px;
 	right: 2px;
 	cursor: pointer;
+	transform: translateY(-3px) translateX(-2px)
 }
 
 #finder-scratchpad {
@@ -2321,6 +2328,7 @@ button.disabled {
 
 .fullwidth {
 	width: 100%;
+	padding: 5px 7px 5px 7px;
 }
 
 .rawtext {
@@ -2462,6 +2470,7 @@ h2 .material-icons-outlined {
 
 .collapsable_header {
 	cursor: pointer;
+	transform: translateY(7px) translateX(4px);
 }
 
 .material-icons-outlined,

templates/story flyout.html

@@ -32,7 +32,7 @@
 			<label for="authors_notes_template">Template:</label><br/>
 			<input autocomplete="off" id=authors_notes_template type=text class="var_sync_story_authornotetemplate fullwidth" onchange='sync_to_server(this);'><br/>
 			<label for="authors_notes">Author's Notes:</label><br/>
-			<textarea autocomplete="off" rows=17 id="authors_notes" class="var_sync_story_authornote var_sync_alt_story_authornote_length fullwidth" oninput="autoResize(this)" onchange='sync_to_server(this);'></textarea><br/>
+			<textarea autocomplete="off" rows=16 id="authors_notes" class="var_sync_story_authornote var_sync_alt_story_authornote_length fullwidth" oninput="autoResize(this)" onchange='sync_to_server(this);'></textarea><br/>
 			<div class="setting_tile_area">
 				{% with menu='author_notes' %}
 					{% with sub_path='' %}

themes/Darkness.css

@@ -264,10 +264,6 @@
 
 /* Icons */
 
-.collapsable_header .material-icons-outlined {
-    transform: translateY(7px) translateX(4px)!important;
-}
-
 span.material-icons-outlined.cursor.search_icon {
 	filter: brightness(120%) !important;
 }
@@ -304,12 +300,6 @@ a {
 	border-color: #535353 !important;
 }
 
-/* Padding */
-
-.story_title_area {
-    padding-top: 3px;
-}
-
 /* Palette */
 
 #palette_area {
@@ -377,7 +367,6 @@ a {
 /* World Info */
 
 .world_info_text {
-	margin: 0 0px 0px !important;
 	border-color: #242424 !important;
 	background-color: #3b3b3b !important;
 }

themes/Monochrome.css

@@ -288,10 +288,6 @@ span.helpicon.material-icons-outlined:hover {
 	transform: scale(1) !important;
 }
 
-.collapsable_header .material-icons-outlined {
-    transform: translateY(7px) translateX(4px)!important;
-}
-
 /* Import */
 
 a {
@@ -315,12 +311,6 @@ a {
 	border-color: #334552 !important;
 }
 
-/* Padding */
-
-.story_title_area {
-    padding-top: 3px;
-}
-
 /* Palette */
 
 #palette_area {
@@ -392,7 +382,6 @@ a {
 }
 
 .world_info_text {
-	margin: 0 0px 0px !important;
 	filter: brightness(100%) !important;
 	background-color: #1d2831 !important;
 }

themes/Nostalgia.css

@@ -259,12 +259,6 @@
 	background-color: #212122 !important;
 }
 
-/* Icons */
-
-.collapsable_header .material-icons-outlined {
-    transform: translateY(7px) translateX(4px)!important;
-}
-
 /* Import */
 
 a {
@@ -288,12 +282,6 @@ a {
 	border-color: #12324f !important;
 }
 
-/* Padding */
-
-.story_title_area {
-    padding-top: 3px;
-}
-
 /* Palette */
 
 #palette_area {
@@ -376,7 +364,6 @@ div#settings_footer.settings_footer {
 }
 
 .world_info_text {
-	margin: 0 0px 0px !important;
     border-color: #999999!important;
 	filter: brightness(100%) !important;
 	background-color: #404040 !important;

themes/Unicorn.css

@@ -293,10 +293,6 @@ span.material-icons-outlined.cursor.search_icon {
 	color: #464646e0 !important;
 }
 
-.collapsable_header .material-icons-outlined {
-    transform: translateY(7px) translateX(4px)!important;
-}
-
 .pinned .menu_pin, .pinned .story_menu_pin {
     color: #464646 !important;
     filter: brightness(100%) !important;
@@ -334,12 +330,6 @@ select#wpp_format_0.settings_select {
     background-color: #f8f4f4 !important;
 }
 
-/* Padding */
-
-.story_title_area {
-    padding-top: 3px;
-}
-
 /* Palette */
 
 #palette_area {
@@ -407,7 +397,6 @@ select#wpp_format_0.settings_select {
 
 .world_info_text {
 	color: #222224 !important;
-	margin: 0 0px 0px !important;
     border-color: #acacac !important;
 	filter: brightness(100%) !important;
 	background-color: #eeeeee !important;