From 779077d8cdcb738be67edb55ca239ac7dc906a43 Mon Sep 17 00:00:00 2001
From: GuiAworld <guilhermebadas@gmail.com>
Date: Wed, 10 Aug 2022 18:40:27 -0300
Subject: [PATCH] 1

---
 static/koboldai.css            | 15 ++++++++-------
 templates/settings flyout.html |  4 ++--
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/static/koboldai.css b/static/koboldai.css
index 8d627424..7fa2e6da 100644
--- a/static/koboldai.css
+++ b/static/koboldai.css
@@ -107,13 +107,13 @@
 	-ms-user-select: none; /* Internet Explorer/Edge */
 	user-select: none; /* Non-prefixed version, currently
 						  supported by Chrome, Edge, Opera and Firefox */
-	border: 1px solid var(--primary);
+	border: 1px solid var(--menu_button_level_1_bg_color);
 	background: var(--menu_button_level_1_bg_color);
-	background: -o-linear-gradient(top, #337ab7 50%, #285070 100%);
+	/*background: -o-linear-gradient(top, #337ab7 50%, #285070 100%);
 	background: -ms-linear-gradient(top, #337ab7 50%, #285070 100%);
 	background: -moz-linear-gradient(top, #337ab7 50%, #285070 100%);
 	background: -webkit-linear-gradient(top, #337ab7 50%, #285070 100%);
-	background: linear-gradient(top, #337ab7 50%, #285070 100%);
+	background: linear-gradient(top, #337ab7 50%, #285070 100%);*/
 	display: inline-block;
 	position: relative;
 	z-index: 0;
@@ -121,8 +121,8 @@
 	border-top-right-radius: 6px;
 	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #AAA;
 	text-shadow: 0 1px #AAA;
-	margin: 0 -5px;
-	padding: 0 20px;
+	margin: 0 -1px;
+	padding: 0 15px;
 }
 .tabrow span.selected {
 	background: #FFF;
@@ -190,9 +190,10 @@
 
 .setting_tile_area {
 	padding-left: 10px;
-	display: flex;
+	padding-right: 10px;
+	/*display: flex;
 	flex-direction: row;
-	flex-wrap: wrap;
+	flex-wrap: wrap;*/
 	width: 100%;
 }
 
diff --git a/templates/settings flyout.html b/templates/settings flyout.html
index a1a2b96e..763b1c84 100644
--- a/templates/settings flyout.html	
+++ b/templates/settings flyout.html	
@@ -55,8 +55,8 @@
 			<div>
 				<button id="load_story" class="btn action_button" onclick="socket.emit('load_story_list', '');">Load Story</button>
 				<button id="save_story" class="btn action_button var_sync_alt_story_gamesaved" onclick='socket.emit("save_story", null, (response) => {save_as_story(response);});'>Save Story</button>
-				<!---<button id="download_story" class="btn action_button" onclick="document.getElementById('download_iframe').src = 'json';">Download Story</button>--->
-				<a class='cursor' onclick="document.getElementById('download_iframe').src = 'json';">Download Story</a>
+				<button id="download_story" class="btn action_button" onclick="document.getElementById('download_iframe').src = 'json';">Download Story</button>
+				<!---<a class='cursor' onclick="document.getElementById('download_iframe').src = 'json';">Download Story</a>--->
 			</div>
 		</div>
 		<div class="setting_tile_area">