From 197367a47bd7ae93578f9c9ceeb64a322de898ca Mon Sep 17 00:00:00 2001
From: Marco Allegretti <mightymarco4@gmail.com>
Date: Fri, 30 Jan 2026 11:21:55 +0100
Subject: [PATCH] ux: dedupe notification cards via ui-card

---
 frontend/src/pages/notifications.astro | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/frontend/src/pages/notifications.astro b/frontend/src/pages/notifications.astro
index 79fa25e..f57e450 100644
--- a/frontend/src/pages/notifications.astro
+++ b/frontend/src/pages/notifications.astro
@@ -39,7 +39,7 @@ import { API_BASE as apiBase } from '../lib/api';
       }
 
       container.innerHTML = notifications.map(n => `
-        <div class="notification ${n.is_read ? 'read' : 'unread'}" data-id="${n.id}">
+        <div class="notification ui-card ${n.is_read ? 'read' : 'unread'}" data-id="${n.id}">
           <div class="notif-content">
             <span class="notif-type type-${n.notification_type}">${n.notification_type}</span>
             <h3 class="notif-title">${n.title}</h3>
@@ -121,8 +121,6 @@ import { API_BASE as apiBase } from '../lib/api';
     align-items: flex-start;
     gap: 1rem;
     padding: 1rem 1.5rem;
-    background: var(--color-surface);
-    border: 1px solid var(--color-border);
     border-radius: 8px;
   }