From ca106405066a8a32b1b8aeb34e8474845f4018ba Mon Sep 17 00:00:00 2001
From: arabcoders <admin@arabcoders.org>
Date: Wed, 4 Jun 2025 22:38:38 +0300
Subject: [PATCH] Minor improvements to notification dropdown

---
 ui/components/NotifyDropdown.vue | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/ui/components/NotifyDropdown.vue b/ui/components/NotifyDropdown.vue
index 8e977a18..71e330d1 100644
--- a/ui/components/NotifyDropdown.vue
+++ b/ui/components/NotifyDropdown.vue
@@ -2,16 +2,18 @@
   <div class="navbar-item has-dropdown is-hoverable">
     <a class="navbar-link">
       <span class="icon"><i class="fas fa-bell" /></span>
-      <span class="tag is-underlined ml-2">{{ store.unreadCount }}</span>
+      <span class="tag ml-2">
+        <span class="is-underlined">{{ store.unreadCount }}</span>
+        <span>&nbsp;/&nbsp;</span>
+        <span class="is-underlined">{{ store.notifications.length }}</span>
+      </span>
     </a>
     <div class="navbar-dropdown is-right" style="width: 400px;">
       <template v-if="store.notifications.length > 0">
         <div class="px-3 py-2 is-flex is-justify-content-space-between is-align-items-center">
-          <span class="has-text-grey">
-            <span class="is-underlined">{{ store.notifications.length }}</span> Total
-          </span>
-          <div class="field is-grouped">
+          <span class="has-text-grey"></span>
 
+          <div class="field is-grouped">
             <div class="control" v-if="store.unreadCount > 0">
               <button class="button is-small is-light mr-1" @click="store.markAllRead">
                 <span class="icon"><i class="fas fa-check" /></span>