From a0be25c0dd80f1948096139a221f74742e073f0f Mon Sep 17 00:00:00 2001
From: Julien Calixte <julien.calixte@theodo.com>
Date: Sat, 28 Mar 2026 21:28:47 +0100
Subject: [PATCH] fix: prevent layout shift on first load in PWA mode

Replace space-between with flex-start + margin-top:auto on footer and
add gap to avoid wide spacing while async components are loading.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/components/WelcomeWorld.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/WelcomeWorld.vue b/src/components/WelcomeWorld.vue
index 76bd584..0adf638 100644
--- a/src/components/WelcomeWorld.vue
+++ b/src/components/WelcomeWorld.vue
@@ -147,7 +147,8 @@ h1 {
   display: flex;
   flex: 1;
   flex-direction: column;
-  justify-content: space-between;
+  justify-content: flex-start;
+  gap: 1rem;
 
   .title {
     text-align: center;
@@ -168,6 +169,7 @@ footer {
   display: flex;
   gap: 1rem;
   align-items: center;
+  margin-top: auto;
 }
 
 .profile-avatar {