From e5733a5704fdb388383f4caf32a8d7c813ecd51f Mon Sep 17 00:00:00 2001
From: Mathieu <mathieu.raujol@sapiaconsulting.be>
Date: Thu, 20 Nov 2025 11:30:15 +0100
Subject: [PATCH] Enhance save and cancel buttons with icons, tooltips, and
 improved styling;

---
 app/page.tsx | 14 ++++++++++----
 package.json |  2 +-
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index 56d2256..ccbc80a 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -324,15 +324,21 @@ export default function Home() {
                             <div className="flex gap-2 justify-end">
                               <button
                                 onClick={() => saveEditing(worker.id)}
-                                className="text-green-600 hover:text-green-900 transition-colors"
+                                className="p-2 text-green-600 hover:text-green-900 hover:bg-green-50 rounded transition-colors"
+                                title="Save"
                               >
-                                Save
+                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" className="w-5 h-5">
+                                  <path strokeLinecap="round" strokeLinejoin="round" d="m4.5 12.75 6 6 9-13.5" />
+                                </svg>
                               </button>
                               <button
                                 onClick={cancelEditing}
-                                className="text-gray-600 hover:text-gray-900 transition-colors"
+                                className="p-2 text-gray-600 hover:text-gray-900 hover:bg-gray-50 rounded transition-colors"
+                                title="Cancel"
                               >
-                                Cancel
+                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" className="w-5 h-5">
+                                  <path strokeLinecap="round" strokeLinejoin="round" d="M6 18 18 6M6 6l12 12" />
+                                </svg>
                               </button>
                             </div>
                           ) : (
diff --git a/package.json b/package.json
index b293479..ed07c10 100644
--- a/package.json
+++ b/package.json
@@ -24,5 +24,5 @@
     "tailwindcss": "^3.4.0",
     "typescript": "^5.0.0"
   },
-  "packageManager": "yarn@4.9.4+sha512.7b1cb0b62abba6a537b3a2ce00811a843bea02bcf53138581a6ae5b1bf563f734872bd47de49ce32a9ca9dcaff995aa789577ffb16811da7c603dcf69e73750b"
+  "packageManager": "yarn@4.11.0"
 }