From 5c2ca128f1a037ac9014e14795b4d82157c2c401 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sun, 6 Oct 2024 10:57:53 -0400
Subject: [PATCH] Fixing - SideMenu

---
 src/views/main/SideBar.vue | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/views/main/SideBar.vue b/src/views/main/SideBar.vue
index 1f23193..623ab3c 100644
--- a/src/views/main/SideBar.vue
+++ b/src/views/main/SideBar.vue
@@ -58,9 +58,10 @@ initializeLocale();
       </template>
     </div>
 
+    <v-divider class="my-4" style="border-width: 1px; border-color: black;"></v-divider>
     <!-- USER SECTION -->
     <div class="px-4 mb-4">
-      <div class="flex items-center justify-center p-2">
+      <div class="flex items-center justify-center p-2 mb-4">
         <img
             :src="userProfileStore.portraitUrl"
             alt="Profile Image"
@@ -69,7 +70,7 @@ initializeLocale();
             height="32"
             style="max-height: 32px;"
         >
-        <span class="ml-2 text-lg font-sans capitalize">
+        <span class="ml-2  text-sm font-sans capitalize">
     {{ userProfileStore.alias }}
   </span>
       </div>
@@ -81,14 +82,15 @@ initializeLocale();
         <!-- YOUR PAGE -->
         <router-link v-if="creatorProfileStore.hasCreator"
                      :to="`/@${creatorProfileStore.creator.name}`">
-          <v-btn class="w-full"
+          <v-btn class="w-full justify-start"
                  prepend-icon="mdi-home-account"
                  variant="tonal">
             {{ creatorProfileStore.creator.name }}
           </v-btn>
         </router-link>
+
         <router-link v-else-if="authStore.isAuthenticated"
-                     class="nav-button"
+                     class="w-full justify-start"
                      to="/profile?target=CreatorPage">
           <v-btn class="w-100" variant="plain">Activer votre page</v-btn>
         </router-link>
@@ -96,7 +98,7 @@ initializeLocale();
         
         <!-- PROFILE -->
         <v-btn to="/profile"
-               class="w-full"
+               class="w-full justify-start"
                prepend-icon="mdi-account"
                variant="tonal">
           {{ $t('header.myprofile') }}
@@ -105,7 +107,7 @@ initializeLocale();
         <!-- LANGUAGE -->
         <v-btn
             variant="tonal"
-            class="w-full"
+            class="w-full justify-start"
             prepend-icon="mdi-translate-variant"
             @click="toggleLanguage"
         >
@@ -116,7 +118,7 @@ initializeLocale();
         <template v-if="!authStore.isAuthenticated">
           <v-btn to="/login"
                  variant="tonal"
-                 class="w-full"
+                 class="w-full justify-start"
                  prepend-icon="mdi-login">
             Connexion
           </v-btn>