From bd68b049e46b07f6e5f3fef4d6d271ca611cb8ec Mon Sep 17 00:00:00 2001
From: GuiAworld <guilhermebadas@gmail.com>
Date: Thu, 25 Aug 2022 11:53:14 -0300
Subject: [PATCH] Another batch of tweaks

---
 static/koboldai.css            | 18 ++++++++++++++++--
 templates/settings flyout.html |  6 ++----
 templates/story flyout.html    |  2 +-
 3 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/static/koboldai.css b/static/koboldai.css
index cd295f01..13b8c6a4 100644
--- a/static/koboldai.css
+++ b/static/koboldai.css
@@ -595,7 +595,7 @@ input[type="range"]::-ms-fill-upper {
 
 .var_sync_system_theme_list{
 	padding: 6px 0 9px 0;
-	margin-left: 5px;
+	margin-left: 10px;
 	border-radius: 5px;
 	color: var(--dropdown_text);
 	background: var(--dropdown_background);
@@ -608,6 +608,7 @@ input[type="range"]::-ms-fill-upper {
 
 #save_theme_area {
 	width: 100%;
+	position: relative;
 }
 
 #save_theme_name {
@@ -693,7 +694,7 @@ input[type="range"]::-ms-fill-upper {
 .rightSideMenu .flyout_menu_contents {
 	overflow-x: hidden;
 	overflow-y: hidden;
-	height: calc(100vh - 70px);
+	height: calc(100vh - 34px);
 }
 
 
@@ -1109,6 +1110,15 @@ body {
 	margin-left: 10px;
 }
 
+.themerow .tabrow:before {
+	border-bottom: 0;
+}
+.themerow .tabrow {
+	line-height: 25px;
+	padding-left: 10px;
+	margin-top: 2px;
+}
+
 .inputrow {
 	grid-area: inputrow;
 	z-index: 2;
@@ -1656,6 +1666,10 @@ body.NotConnected {
   font-feature-settings: 'liga';
 }
 
+.material-icons-outlined.cursor:hover{
+	filter: brightness(85%);
+}
+
 h2 .material-icons-outlined {
 	font-size: 32px;
 }
diff --git a/templates/settings flyout.html b/templates/settings flyout.html
index e4e8904f..8f6df6d1 100644
--- a/templates/settings flyout.html	
+++ b/templates/settings flyout.html	
@@ -240,10 +240,8 @@
 		<div class="setting_tile_area" id="Theme">
 			<select id="selected_theme" class="var_sync_system_theme_list" autocomplete="off" onchange="Change_Theme(this.value);">
 			</select><span class="material-icons-outlined cursor" title="Refresh List" onclick="socket.emit('theme_list_refresh', '');">autorenew</span>
-			<div class="collapsable_header" onclick="toggle_setting_category(this);">
-				<h4 style="width:var(--flyout_menu_width);"><span class="material-icons-outlined cursor">navigate_next</span> Palette</h4>
-			</div>
-			<div id="palette_area" class="hidden">
+			<div id="palette_area">
+				<b style="font-size: 20px;">Palette</b>
 				<div id="save_theme_area" >
 					<input type="text" id="save_theme_name" autocomplete="off" placeholder="New Theme Name"/>
 					<span class="material-icons-outlined cursor" title="Save Theme" onclick='save_theme();'>save</span>
diff --git a/templates/story flyout.html b/templates/story flyout.html
index f08afa7d..e6329f0a 100644
--- a/templates/story flyout.html	
+++ b/templates/story flyout.html	
@@ -90,7 +90,7 @@
 			</span>
 		</div>
 	</div>
-	<div  style="border-top:2px;border-top-color:grey;border-top-style: solid;">
+	<div  style="border-top:2px;border-top-color:grey;border-top-style: solid;padding-top: 10px;">
 		<div class="token_breakdown">
 			<div id="memory_tokens" style="width:40%; background-color: #3572A5;"></div>
 			<div id="authors_notes_tokens" style="width:10%; background-color: #f1e05a;"></div>