From 369a200a4255de01e9c8b640eb2c358ca4aa9d0e Mon Sep 17 00:00:00 2001
From: Julien Calixte <julien.calixte@theodo.com>
Date: Sat, 28 Mar 2026 22:07:08 +0100
Subject: [PATCH] fix: wrap content in flex:1 div so footer doesn't overflow

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

diff --git a/src/components/WelcomeWorld.vue b/src/components/WelcomeWorld.vue
index 396fd7d..b9aae5d 100644
--- a/src/components/WelcomeWorld.vue
+++ b/src/components/WelcomeWorld.vue
@@ -15,6 +15,7 @@ const { userInput, repoInput, submit } = useForm()
 
 <template>
   <div class="welcome-world">
+    <div class="welcome-content">
     <h1 class="title is-1">
       <img src="/favicon.png" alt="Remanso icon" class="remanso-logo" />
       Remanso
@@ -43,6 +44,7 @@ const { userInput, repoInput, submit } = useForm()
         go
       </button>
     </form>
+    </div>
 
     <footer>
       <theme-swap />
@@ -148,7 +150,6 @@ h1 {
   flex: 1;
   align-self: stretch;
   flex-direction: column;
-  justify-content: flex-start;
   gap: 1rem;
 
   .title {
@@ -156,6 +157,13 @@ h1 {
   }
 }
 
+.welcome-content {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 1rem;
+}
+
 .github-form {
   display: flex;
   align-items: center;
@@ -170,7 +178,6 @@ footer {
   display: flex;
   gap: 1rem;
   align-items: center;
-  margin-top: auto;
 }
 
 .profile-avatar {