fix: show notification badge on SVG icon in normal sidebar mode

Author: ddrayko

public/css/style.css

@@ -1412,8 +1412,8 @@ tbody tr:hover {
 
 .notif-badge {
   position: absolute;
-  top: 6px;
-  right: 8px;
+  top: -6px;
+  right: -6px;
   min-width: 18px;
   height: 18px;
   border-radius: 99px;

public/js/app.js

@@ -641,10 +641,12 @@ async function renderDashboard() {
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="2" width="20" height="8" rx="2"/><rect x="2" y="14" width="20" height="8" rx="2"/><circle cx="6" cy="6" r="1" fill="currentColor"/><circle cx="6" cy="18" r="1" fill="currentColor"/></svg>
             My Servers
           </a>
-          <a class="nav-item" id="nav-notifications" href="#" style="position:relative">
-            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.73 21a2 2 0 0 1-3.46 0"/></svg>
+          <a class="nav-item" id="nav-notifications" href="#">
+            <span style="position:relative;display:inline-flex">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.73 21a2 2 0 0 1-3.46 0"/></svg>
+              <span class="notif-badge" id="notif-badge"></span>
+            </span>
             Notifications
-            <span class="notif-badge" id="notif-badge"></span>
           </a>
           <div class="nav-section-label">Actions</div>
           <a class="nav-item" data-page="create" href="/create">