Fixe header

src/views/main/Header.vue

@@ -80,7 +80,6 @@
       <v-btn
           variant="text"
           class="p-0 mx-0 min-w-0"          
-          style="min-width: 24px;"
           @click="toggleLanguage"
       >
         {{ selectedLanguage === 'fr' ? 'Fr' : 'En' }}
@@ -90,7 +89,7 @@
         <v-menu open-on-hover>
           <template v-slot:activator="{ props }">
             <div v-bind="props" class="flex align-center font-sans py-1 px-2 rounded-lg hover:bg-gray-100">
-              <span class="max-w-xs hidden md:block">
+              <span class="max-w-xs hidden md:block capitalize">
                 {{ userStore.alias }}
               </span>
               <img
@@ -232,6 +231,8 @@ function toggleLanguage() {
 .nav-button:hover {
   @apply bg-[#903175] text-gray-200;
 }
+
+/* Explorer & feed others */
 .absolute-center {
   position: absolute;
   left: 50%; 
@@ -240,4 +241,12 @@ function toggleLanguage() {
   gap: 6px;
   align-items: center;
 }
+
+/* Explorer & feed center mobile */
+@media (max-width: 640px) { 
+  .absolute-center {
+    left: 65%; 
+    transform: translateX(-55%);
+  }
+}
 </style>