Display the "no_notifications" message better

aleksis/core/assets/components/notifications/NotificationList.vue

@@ -11,20 +11,25 @@
             <v-icon color="white" v-else>mdi-bell-outline</v-icon>
           </v-btn>
         </template>
-        <v-list nav three-line dense v-if="data && data.myNotifications && data.myNotifications.notifications.length">
-          <template v-for="notification in data.myNotifications.notifications">
-            <NotificationItem
-                :key="notification.id"
-                :notification="notification"
-            />
-            <v-divider
-                v-if="notification !== data.myNotifications.notifications[data.myNotifications.notifications.length - 1]"
-            ></v-divider>
+        <v-list nav three-line dense>
+          <v-subheader>{{ $t("notifications.notifications") }}</v-subheader>
+          <template v-if="data && data.myNotifications && data.myNotifications.notifications.length">
+            <template v-for="notification in data.myNotifications.notifications">
+              <NotificationItem
+                  :key="notification.id"
+                  :notification="notification"
+              />
+              <v-divider
+                  v-if="notification !== data.myNotifications.notifications[data.myNotifications.notifications.length - 1]"
+              ></v-divider>
+            </template>
+          </template>
+          <template v-else>
+            <v-list-item>
+              {{ $t("notifications.no_notifications") }}
+            </v-list-item>
           </template>
         </v-list>
-        <p v-else>
-          {{ $t("notifications.no_notifications") }}
-        </p>
       </v-menu>
     </template>
   </ApolloQuery>