From f352f8ba0f88a740fcca646560d42b0a3cc71db4 Mon Sep 17 00:00:00 2001
From: Julien Calixte <juliencalixte@gmail.com>
Date: Sat, 27 Mar 2021 11:16:11 +0100
Subject: [PATCH] :lipstick: (welcome page) fix get started button

---
 src/components/WelcomeWorld.vue | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/components/WelcomeWorld.vue b/src/components/WelcomeWorld.vue
index dc14224..af742cf 100644
--- a/src/components/WelcomeWorld.vue
+++ b/src/components/WelcomeWorld.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="welcome-world">
-    <div class="columns">
-      <div class="column">
+    <div class="columns is-vcentered">
+      <div class="column get-started">
         <h3 class="title is-3">Lite Note</h3>
         <router-link
           :to="{
@@ -9,19 +9,16 @@
             params: { user: 'lite-note', repo: 'getting-started' }
           }"
           class="button is-primary"
-          >getting started guide</router-link
-        >.
+          >Get started</router-link
+        >
       </div>
       <div class="column">
-        <p>
-          <router-link :to="{ name: 'RepoList' }" v-if="isLogged"
-            >Manage your repos</router-link
-          >
-        </p>
         <section v-if="savedFavoriteRepos.length">
-          <h4 class="subtitle is-4">
-            ⭐
-          </h4>
+          <p>
+            <router-link :to="{ name: 'RepoList' }" v-if="isLogged"
+              >Manage your repos</router-link
+            >
+          </p>
           <ul>
             <li
               v-for="favoriteRepo in savedFavoriteRepos"
@@ -134,6 +131,11 @@ export default defineComponent({
   display: flex;
   flex-direction: column;
 
+  .get-started {
+    margin: center;
+    text-align: center;
+  }
+
   h3,
   h4 {
     text-align: center;