fix: nav indicator follows Notifications item, panel left adjusts on collapsed sidebar

Author: ddrayko

public/css/style.css

@@ -1251,6 +1251,10 @@ tbody tr:hover {
   transform: translateX(0);
 }
 
+.sidebar.collapsed ~ .notif-panel {
+  left: 60px;
+}
+
 .notif-backdrop {
   position: fixed;
   inset: 0;

public/js/app.js

@@ -313,6 +313,11 @@ function openNotifPanel() {
   $('#notif-panel').classList.add('open');
   $('#notif-backdrop').classList.add('open');
   document.body.style.overflow = 'hidden';
+
+  document.querySelectorAll('.nav-item').forEach(n => n.classList.remove('active'));
+  $('#nav-notifications').classList.add('active');
+  updateNavIndicator();
+
   fetchNotifications();
   if (state.unreadCount > 0) {
     fetchUnreadCount();
@@ -324,6 +329,11 @@ function closeNotifPanel() {
   $('#notif-panel').classList.remove('open');
   $('#notif-backdrop').classList.remove('open');
   document.body.style.overflow = '';
+
+  document.querySelectorAll('.nav-item').forEach(n => n.classList.remove('active'));
+  const targetNav = document.querySelector(`.nav-item[data-page="${state.currentPage}"]`);
+  if (targetNav) targetNav.classList.add('active');
+  updateNavIndicator();
 }
 
 function showCapModal() {