From ed2431e15cd33db6d4b12fe6680d533204350b92 Mon Sep 17 00:00:00 2001
From: ebolam <ebolam@gmail.com>
Date: Fri, 28 Oct 2022 20:48:19 -0400
Subject: [PATCH] Fix for welcome icon/text placement

---
 koboldai_settings.py | 10 +++++++---
 static/koboldai.css  | 20 ++++++++++++--------
 static/koboldai.js   |  1 +
 3 files changed, 20 insertions(+), 11 deletions(-)

diff --git a/koboldai_settings.py b/koboldai_settings.py
index a8388d69..6bf43664 100644
--- a/koboldai_settings.py
+++ b/koboldai_settings.py
@@ -594,9 +594,13 @@ class model_settings(settings):
         self.oaiapikey   = ""     # API key to use for OpenAI API calls
         self.configname = None
         self.online_model = ''
-        self.welcome_default = """<img id='welcome-logo' src='static/Welcome_Logo.png' draggable='False'><div id="welcome-text-content">Please load a model from the left.<br/>
-                                  If you encounter any issues, please click the Download debug dump link in the Home tab on the left flyout and attach the downloaded file to your error report on <a href='https://github.com/ebolam/KoboldAI/issues'>Github</a>, <a href='https://www.reddit.com/r/KoboldAI/'>Reddit</a>, or <a href='https://discord.gg/XuQWadgU9k'>Discord</a>. 
-                                  A redacted version (without story text) is available.</div>""" # Custom Welcome Text
+        self.welcome_default = """<div style="display: flex; align-content: space-between;>
+                                    <img id='welcome-logo' src='static/Welcome_Logo.png' draggable='False'>
+                                    <div id="welcome-text-content">Please load a model from the left.<br/>
+                                        If you encounter any issues, please click the Download debug dump link in the Home tab on the left flyout and attach the downloaded file to your error report on <a href='https://github.com/ebolam/KoboldAI/issues'>Github</a>, <a href='https://www.reddit.com/r/KoboldAI/'>Reddit</a>, or <a href='https://discord.gg/XuQWadgU9k'>Discord</a>. 
+                                        A redacted version (without story text) is available.
+                                    </div>
+                                  </div>""" # Custom Welcome Text
         self.welcome     = self.welcome_default
         self.koboldai_vars = koboldai_vars
         
diff --git a/static/koboldai.css b/static/koboldai.css
index 1a0e1be0..fc136bfe 100644
--- a/static/koboldai.css
+++ b/static/koboldai.css
@@ -2386,21 +2386,25 @@ body {
 	color: white
 }
 
+#welcome_text {
+	display: flex;
+	height: 100%;
+}
+
 #welcome-logo {
+	position: absolute;
+	top: 50%;
+	margin-top: -50px;
+	left: 50%;
+	transform: translate(-50%, -50%);
 	width: 50%;
-	top: 295px;
-	display: block;
-	position: relative;
-	margin-right: auto;
-	margin-left: auto;
 	max-width: 720px;
 	filter: drop-shadow(5px 5px 5px #222);
 }
 
 #welcome-text-content {
-	position: relative;
-	top: 520px;
-	left: 10px;
+	display: inline-block;
+	align-self: flex-end;
 }
 
 /* Popups */
diff --git a/static/koboldai.js b/static/koboldai.js
index 8f3dcd7f..1644e308 100644
--- a/static/koboldai.js
+++ b/static/koboldai.js
@@ -1154,6 +1154,7 @@ function popup_items(data) {
 	if (data.show_filename) {
 		td = document.createElement("span");
 		td.textContent = "File Name";
+		td.classList.add("table-header-container")
 		td.style = "overflow-x: hidden; grid-area: p"+i+";";
 		i+=1;
 		tr.append(td)