refactoring

lib/shared/design_system/components/union_action_button.dart

@@ -2,6 +2,8 @@ import 'package:flutter/material.dart';
 import '../tokens/unionflow_colors.dart';
 
 /// Bouton d'action rapide UnionFlow
+/// Style fintech : fond blanc, icône + texte colorés, bordure grise légère
+/// Copie exacte du style _buildActionCell du super_admin_dashboard
 class UnionActionButton extends StatelessWidget {
   final IconData icon;
   final String label;
@@ -20,36 +22,36 @@ class UnionActionButton extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return GestureDetector(
+    // backgroundColor sert d'accent (icône + texte), iconColor prend la priorité
+    final accentColor = iconColor ?? backgroundColor ?? UnionFlowColors.unionGreen;
+
+    return InkWell(
       onTap: onTap,
+      borderRadius: BorderRadius.circular(10),
       child: Container(
-        padding: const EdgeInsets.symmetric(vertical: 16, horizontal: 12),
+        padding: const EdgeInsets.symmetric(vertical: 9, horizontal: 8),
         decoration: BoxDecoration(
-          color: backgroundColor ?? UnionFlowColors.unionGreenPale,
-          borderRadius: BorderRadius.circular(14),
-          border: Border.all(
-            color: (backgroundColor ?? UnionFlowColors.unionGreenPale)
-                .withOpacity(0.2),
-            width: 1,
-          ),
+          color: UnionFlowColors.surface,
+          borderRadius: BorderRadius.circular(10),
+          border: Border.all(color: UnionFlowColors.border),
         ),
-        child: Column(
-          mainAxisSize: MainAxisSize.min,
+        child: Row(
+          mainAxisAlignment: MainAxisAlignment.center,
           children: [
-            Icon(
-              icon,
-              size: 28,
-              color: iconColor ?? UnionFlowColors.unionGreen,
-            ),
-            const SizedBox(height: 8),
-            Text(
-              label,
-              style: const TextStyle(
-                fontSize: 12,
-                fontWeight: FontWeight.w600,
-                color: UnionFlowColors.textPrimary,
+            Icon(icon, size: 16, color: accentColor),
+            const SizedBox(width: 6),
+            Flexible(
+              child: Text(
+                label,
+                style: TextStyle(
+                  fontSize: 11,
+                  fontWeight: FontWeight.w600,
+                  color: accentColor,
+                ),
+                textAlign: TextAlign.center,
+                maxLines: 1,
+                overflow: TextOverflow.ellipsis,
               ),
-              textAlign: TextAlign.center,
             ),
           ],
         ),
@@ -73,7 +75,7 @@ class UnionActionGrid extends StatelessWidget {
       children: [
         for (int i = 0; i < actions.length; i++) ...[
           Expanded(child: actions[i]),
-          if (i < actions.length - 1) const SizedBox(width: 12),
+          if (i < actions.length - 1) const SizedBox(width: 10),
         ],
       ],
     );