From bccc473515a89b44e7b420857e6d722c523ab7e2 Mon Sep 17 00:00:00 2001
From: ebolam <ebolam@gmail.com>
Date: Wed, 23 Nov 2022 14:24:19 -0500
Subject: [PATCH] Fix for welcome image going under flyouts even when pinned

---
 koboldai_settings.py | 12 +++++++-----
 static/koboldai.css  | 19 ++++++++++++++-----
 2 files changed, 21 insertions(+), 10 deletions(-)

diff --git a/koboldai_settings.py b/koboldai_settings.py
index 0375be24..1196a678 100644
--- a/koboldai_settings.py
+++ b/koboldai_settings.py
@@ -616,11 +616,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 class='welcome_text'>
-                                        <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.
+        self.welcome_default = """  <div id='UI2defaultwelcome'>
+                                        <img id='welcome-logo' src='static/Welcome_Logo.png' draggable='False'>
+                                        <div class='welcome_text'>
+                                            <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>
                                     </div>""" # Custom Welcome Text
         self.welcome     = self.welcome_default
diff --git a/static/koboldai.css b/static/koboldai.css
index 2f654de0..5b5afff1 100644
--- a/static/koboldai.css
+++ b/static/koboldai.css
@@ -2425,6 +2425,7 @@ body {
 
 #welcome_text {
 	align-self: flex-end;
+	height: 100%;
 }
 
 .welcome_text {
@@ -2432,12 +2433,20 @@ body {
 	height: 100%;
 }
 
+#UI2defaultwelcome {
+		display: flex;
+		flex-direction: column;
+		height: 100%;
+		justify-content: space-between;
+}
+
 #welcome-logo {
-	position: absolute;
-	top: 50%;
-	margin-top: -50px;
-	left: 50%;
-	transform: translate(-50%, -50%);
+	display: block;
+	top: 0px;
+	text-align: center;
+	margin-top: 20px;
+	margin-left: auto;
+	margin-right: auto;
 	width: 50%;
 	max-width: 720px;
 	filter: drop-shadow(5px 5px 5px #222);