From ed1a6b7fbafe2abb57cd64860fd7e29ac93f8d2e Mon Sep 17 00:00:00 2001
From: Julien Calixte <julien.calixte@theodo.com>
Date: Sun, 29 Mar 2026 22:09:01 +0200
Subject: [PATCH] fix: add the right margin to the right components

---
 src/components/RepoList.vue     |  1 +
 src/components/WelcomeWorld.vue | 57 +++++++++++++++++----------------
 2 files changed, 30 insertions(+), 28 deletions(-)

diff --git a/src/components/RepoList.vue b/src/components/RepoList.vue
index dc7da1f..8305edf 100644
--- a/src/components/RepoList.vue
+++ b/src/components/RepoList.vue
@@ -40,6 +40,7 @@ const getStyle = (seed: string) => {
 <style scoped lang="scss">
 .repo-list {
   display: flex;
+  justify-content: space-evenly;
   gap: 1rem;
   flex-wrap: wrap;
 
diff --git a/src/components/WelcomeWorld.vue b/src/components/WelcomeWorld.vue
index d543491..5fe24a8 100644
--- a/src/components/WelcomeWorld.vue
+++ b/src/components/WelcomeWorld.vue
@@ -16,34 +16,34 @@ 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
-    </h1>
+      <h1 class="title is-1">
+        <img src="/favicon.png" alt="Remanso icon" class="remanso-logo" />
+        Remanso
+      </h1>
 
-    <repo-list />
+      <repo-list />
 
-    <last-visited />
+      <last-visited />
 
-    <form class="github-form" @submit.prevent>
-      <div>github/</div>
-      <input
-        v-model="userInput"
-        class="input input-ghost"
-        type="text"
-        placeholder="user"
-      />
-      /
-      <input
-        v-model="repoInput"
-        class="input input-ghost"
-        type="text"
-        placeholder="repo"
-      />
-      <button type="submit" class="btn btn-sm btn-primary" @click="submit">
-        go
-      </button>
-    </form>
+      <form class="github-form" @submit.prevent>
+        <div>github/</div>
+        <input
+          v-model="userInput"
+          class="input input-ghost"
+          type="text"
+          placeholder="user"
+        />
+        /
+        <input
+          v-model="repoInput"
+          class="input input-ghost"
+          type="text"
+          placeholder="repo"
+        />
+        <button type="submit" class="btn btn-sm btn-primary" @click="submit">
+          go
+        </button>
+      </form>
     </div>
 
     <footer>
@@ -144,7 +144,6 @@ h1 {
 }
 
 .welcome-world {
-  padding: 1rem;
   margin: auto;
   display: flex;
   flex: 1;
@@ -162,7 +161,7 @@ h1 {
   flex: 1;
   flex-direction: column;
   gap: 1rem;
-
+  padding: 0 0.5rem;
 }
 
 .github-form {
@@ -177,8 +176,10 @@ h1 {
 
 footer {
   display: flex;
-  gap: 1rem;
+  gap: 0.2rem;
   align-items: center;
+  justify-content: space-around;
+  padding: 0.5rem;
 }
 
 .profile-avatar {