From 2007bd239058194620bf0508c29379d93e3f308c Mon Sep 17 00:00:00 2001
From: rzuasti <rzuasti@pm.me>
Date: Wed, 27 May 2026 20:06:25 -0400
Subject: [PATCH] Match notification list item appearance to device list card
 style

Replace the Column+Divider wrapper with a Card widget and move the
dynamic background color from ListTile.tileColor to Card.color,
matching the pattern used in the device list.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/lib/notifications/notification_list.dart | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/frontend/lib/notifications/notification_list.dart b/frontend/lib/notifications/notification_list.dart
index 4947b44..cdf8e7d 100644
--- a/frontend/lib/notifications/notification_list.dart
+++ b/frontend/lib/notifications/notification_list.dart
@@ -169,9 +169,11 @@ class _NotificationListState extends State<NotificationList> {
               fetchNextPage: fetchNextPage,
               builderDelegate: PagedChildBuilderDelegate(
                 itemBuilder: (context, item, index) {
-                  return Column(
-                    children: [
-                      Dismissible(
+                  return Card(
+                    color: item.isNew
+                        ? Theme.of(context).colorScheme.secondaryContainer
+                        : null,
+                    child: Dismissible(
                         key: UniqueKey(),
                         confirmDismiss: (direction) =>
                             direction == DismissDirection.startToEnd
@@ -192,9 +194,6 @@ class _NotificationListState extends State<NotificationList> {
                           child: Icon(Icons.done),
                         ),
                         child: ListTile(
-                          tileColor: item.isNew
-                              ? Theme.of(context).colorScheme.secondaryContainer
-                              : null,
                           leading: Icon(
                             item.notificationType.icon,
                             color: item.isNew
@@ -244,8 +243,6 @@ class _NotificationListState extends State<NotificationList> {
                           isThreeLine: true,
                         ),
                       ),
-                      Divider(),
-                    ],
                   );
                 },
               ),