✨ Edit alert configuration

lib/screens/food/details.dart

@@ -9,37 +9,40 @@ class FoodDetailsScreen extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
-      appBar: AppBar(
-        title: Text(item.description),
+    return Material(
+      color: Theme.of(context).colorScheme.surface,
+      child: Scaffold(
+        appBar: AppBar(
+          title: Text(item.description),
+        ),
+        body: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Text('nutrients'.tr).paddingOnly(left: 24, right: 24, bottom: 8),
+            Expanded(
+              child: ListView.builder(
+                itemCount: item.foodNutrients.length,
+                itemBuilder: (context, idx) {
+                  final entry = item.foodNutrients[idx];
+                  final unitName = unitNameValues.reverse[entry.unitName];
+                  return ListTile(
+                    contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+                    title: Row(
+                      crossAxisAlignment: CrossAxisAlignment.center,
+                      children: [
+                        Text(entry.nutrientName),
+                        const SizedBox(width: 6),
+                        Badge(label: Text('#${entry.nutrientId}'))
+                      ],
+                    ),
+                    subtitle: Text('${entry.nutrientNumber} ${unitName}'),
+                  );
+                },
+              ),
+            )
+          ],
+        ).paddingSymmetric(vertical: 24),
       ),
-      body: Column(
-        crossAxisAlignment: CrossAxisAlignment.start,
-        children: [
-          Text('nutrients'.tr).paddingOnly(left: 24, right: 24, bottom: 8),
-          Expanded(
-            child: ListView.builder(
-              itemCount: item.foodNutrients.length,
-              itemBuilder: (context, idx) {
-                final entry = item.foodNutrients[idx];
-                final unitName = unitNameValues.reverse[entry.unitName];
-                return ListTile(
-                  contentPadding: const EdgeInsets.symmetric(horizontal: 24),
-                  title: Row(
-                    crossAxisAlignment: CrossAxisAlignment.center,
-                    children: [
-                      Text(entry.nutrientName),
-                      const SizedBox(width: 6),
-                      Badge(label: Text('#${entry.nutrientId}'))
-                    ],
-                  ),
-                  subtitle: Text('${entry.nutrientNumber} ${unitName}'),
-                );
-              },
-            ),
-          )
-        ],
-      ).paddingSymmetric(vertical: 24),
     );
   }
 }