From 006ad63747173c900944635fa15a84cbc0f74e6c Mon Sep 17 00:00:00 2001
From: Julien Calixte <juliencalixte@gmail.com>
Date: Sun, 4 Apr 2021 16:05:41 +0200
Subject: [PATCH] :lipstick:  fix some ui

---
 src/components/GoBack.vue       |  2 +-
 src/components/WelcomeWorld.vue | 10 +++++-----
 src/styles/app.scss             | 18 ++++++++++++------
 3 files changed, 18 insertions(+), 12 deletions(-)

diff --git a/src/components/GoBack.vue b/src/components/GoBack.vue
index 944e682..f78b3b1 100644
--- a/src/components/GoBack.vue
+++ b/src/components/GoBack.vue
@@ -1,6 +1,6 @@
 <template>
   <button class="button is-white go-back" @click="back">
-    <img src="@/assets/icons/left-arrow.svg" alt="back" />
+    <img src="@/assets/icons/dark-left-arrow.svg" alt="back" />
   </button>
 </template>
 
diff --git a/src/components/WelcomeWorld.vue b/src/components/WelcomeWorld.vue
index af742cf..99a946e 100644
--- a/src/components/WelcomeWorld.vue
+++ b/src/components/WelcomeWorld.vue
@@ -13,12 +13,12 @@
         >
       </div>
       <div class="column">
+        <p>
+          <router-link :to="{ name: 'RepoList' }" v-if="isLogged"
+            >Manage your repos</router-link
+          >
+        </p>
         <section v-if="savedFavoriteRepos.length">
-          <p>
-            <router-link :to="{ name: 'RepoList' }" v-if="isLogged"
-              >Manage your repos</router-link
-            >
-          </p>
           <ul>
             <li
               v-for="favoriteRepo in savedFavoriteRepos"
diff --git a/src/styles/app.scss b/src/styles/app.scss
index 7cda07b..8e3834d 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -57,12 +57,18 @@ body {
   display: flex;
 }
 
-a.external-link {
-  text-decoration: underline;
+a {
+  &:hover {
+    color: darken($link, 20);
+  }
 
-  &::after {
-    margin-left: 0.2rem;
-    vertical-align: text-top;
-    content: url('assets/icons/external-link.svg');
+  &.external-link {
+    text-decoration: underline;
+
+    &::after {
+      margin-left: 0.2rem;
+      vertical-align: text-top;
+      content: url('assets/icons/external-link.svg');
+    }
   }
 }