From 365c071db0bd19ae629b4fe9c71a5578363bdf53 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sun, 28 Nov 2021 15:42:47 +0100
Subject: [PATCH] fix: put the welcome back title always at the bottom

---
 src/components/misc/no-auth-wrapper.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/misc/no-auth-wrapper.vue b/src/components/misc/no-auth-wrapper.vue
index b516f2aed..b9feec4d1 100644
--- a/src/components/misc/no-auth-wrapper.vue
+++ b/src/components/misc/no-auth-wrapper.vue
@@ -3,7 +3,7 @@
 		<Logo class="logo" width="200" height="58"/>
 		<div class="noauth-container">
 			<section class="image">
-				<div class="overlay">
+				<div class="overlay" :class="{'has-message': motd !== ''}">
 					<message v-if="motd !== ''">
 						{{ motd }}
 					</message>
@@ -14,7 +14,6 @@
 			</section>
 			<section class="content">
 				<slot/>
-
 				<legal/>
 			</section>
 		</div>
@@ -62,15 +61,19 @@ const motd = computed(() => store.state.config.motd)
 
 .overlay {
 	padding: 1rem;
-	display: flex;
-	justify-content: space-between;
-	flex-direction: column;
 	position: absolute;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	background: rgba(0, 0, 0, .2);
+	display: flex;
+	flex-direction: column;
+	justify-content: end;
+	
+	&.has-message {
+		justify-content: space-between;
+	}
 }
 
 .content {