From 5881025931a2fd4bc1822da52612ff25c987fb08 Mon Sep 17 00:00:00 2001
From: felix <Felix.nuesse@t-online.de>
Date: Sun, 19 Oct 2025 11:54:59 +0200
Subject: [PATCH] Make notification icons fit better

---
 ui/app/components/NotifyDropdown.vue | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/ui/app/components/NotifyDropdown.vue b/ui/app/components/NotifyDropdown.vue
index 8ff79681..976f611f 100644
--- a/ui/app/components/NotifyDropdown.vue
+++ b/ui/app/components/NotifyDropdown.vue
@@ -43,14 +43,13 @@
 
 <template>
   <div class="navbar-item has-dropdown is-hoverable">
-    <a class="navbar-link">
+    <a class="navbar-link is-arrowless">
       <span class="icon"><i class="fas fa-bell" /></span>
-      <span class="tag ml-2">
+      <span class="tag ml-2" v-if="store.unreadCount > 0">
         <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">
@@ -113,6 +112,11 @@
         </div>
       </div>
     </div>
+
+  </div>
+
+  <div class="navbar-item">
+
   </div>
 </template>