From dc41da3c7f331bec67539bd1aa04effc822e381b Mon Sep 17 00:00:00 2001
From: Hayden <64056131+hay-kot@users.noreply.github.com>
Date: Mon, 15 Aug 2022 14:30:55 -0800
Subject: [PATCH] ui: improve UI for favorite link (#1567)

---
 frontend/components/Layout/AppSidebar.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend/components/Layout/AppSidebar.vue b/frontend/components/Layout/AppSidebar.vue
index 426eb2fb..529e3b6d 100644
--- a/frontend/components/Layout/AppSidebar.vue
+++ b/frontend/components/Layout/AppSidebar.vue
@@ -6,11 +6,14 @@
         <UserAvatar list :user-id="$auth.user.id" />
 
         <v-list-item-content>
-          <v-list-item-title> {{ $auth.user.fullName }}</v-list-item-title>
+          <v-list-item-title class="pr-2"> {{ $auth.user.fullName }}</v-list-item-title>
           <v-list-item-subtitle>
-            <NuxtLink class="favorites-link" :to="`/user/${$auth.user.id}/favorites`">
+            <v-btn class="px-2 pa-0" text :to="`/user/${$auth.user.id}/favorites`" small>
+              <v-icon left small>
+                {{ $globals.icons.heart }}
+              </v-icon>
               {{ $t("user.favorite-recipes") }}
-            </NuxtLink>
+            </v-btn>
           </v-list-item-subtitle>
         </v-list-item-content>
       </v-list-item>