various style fixes

components/Layout/Header/Menu.vue

@@ -9,8 +9,8 @@ header principal (configuration, paramètres du compte...)
     <v-btn
         ref="btn"
         icon
-        width="48px"
         size="small"
+        class="ml-2"
     >
       <v-avatar
           v-if="menu.icon.avatarId || menu.icon.avatarByDefault"
@@ -54,9 +54,9 @@ header principal (configuration, paramètres du compte...)
                   :href="!isInternalLink(child) ? child.to : undefined"
                   :to="isInternalLink(child) ? child.to : undefined"
               >
-                <v-list-item-title>
-                    <span v-if="child.icon">
-                      <v-avatar v-if="menu.icon.avatarId || child.icon.avatarByDefault" size="30">
+                <v-list-item-title class="d-flex align-center">
+                    <span v-if="child.icon" class="pr-2">
+                      <v-avatar v-if="menu.icon.avatarId || child.icon.avatarByDefault" size="30" >
                         <UiImage :id="child.icon.avatarId" :defaultImage="child.icon.avatarByDefault" :width="30" />
                       </v-avatar>
                       <v-icon v-else class="on-primary" size="small">

components/Layout/Header/Notification.vue

@@ -2,8 +2,8 @@
   <v-btn
       ref="btn"
       icon
-      width="48px"
       size="small"
+      class="ml-2"
   >
     <v-badge
         color="warning"

components/Layout/SubHeader/PersonnalizedList.vue

@@ -1,18 +1,14 @@
 <template>
   <main>
-    <a ref="btn">
+    <a ref="btn" id="activator">
       {{ $t('my_list') }}
     </a>
 
     <v-menu
         :activator="btn"
-        :model-value="showMenu"
-        location="start"
+        offset="10"
         :close-on-content-click="false"
-        min-width="500"
-        @update:modelValue="onMenuToggled($event)"
     >
-
       <v-card v-if="collection.totalItems === 0" height="80" class="pa-4">
         <v-card-text class="ma-0 pa-0 header_menu">
           {{ $t('nothing_to_show') }}
@@ -59,11 +55,6 @@ import {AnyJson} from "~/types/data";
 import ApiResource from "~/models/ApiResource";
 
 const btn: Ref = ref(null)
-const showMenu: Ref<boolean> = ref(false)
-
-const onMenuToggled = (event: any) => {
-  showMenu.value = event
-}
 
 const { fetch, fetchCollection } = useEntityFetch()
 
@@ -100,7 +91,15 @@ const getListURL = (list: PersonalizedList) => {
 }
 </script>
 
-<style lang="scss">
+<style scoped lang="scss">
+  #activator {
+    cursor: pointer;
+  }
+
+  #activator:hover {
+    color: rgb(var(--var-theme-on-neutral)) !important;
+  }
+
   .header-personalized {
     margin-bottom: 0;
     padding-bottom: 0;