From dd4016e217c804ff37d229a897bc36030db29316 Mon Sep 17 00:00:00 2001
From: Urtzi Alfaro <urtzialfaro@MacBook-Pro-de-Urtzi.local>
Date: Mon, 15 Sep 2025 15:36:13 +0200
Subject: [PATCH] Fix UI for inventory page 2

---
 .../app/operations/inventory/InventoryPage.tsx  | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/frontend/src/pages/app/operations/inventory/InventoryPage.tsx b/frontend/src/pages/app/operations/inventory/InventoryPage.tsx
index f176c9c1..9b118175 100644
--- a/frontend/src/pages/app/operations/inventory/InventoryPage.tsx
+++ b/frontend/src/pages/app/operations/inventory/InventoryPage.tsx
@@ -366,11 +366,13 @@ const InventoryPage: React.FC = () => {
         description="Controla el stock de ingredientes y materias primas"
         actions={[
           {
-            id: "new",
+            id: "add-new-item",
             label: "Nuevo Artículo",
             variant: "primary" as const,
             icon: Plus,
-            onClick: handleNewItem
+            onClick: handleNewItem,
+            tooltip: "Agregar nuevo artículo al inventario",
+            size: "md"
           }
         ]}
       />
@@ -465,9 +467,14 @@ const InventoryPage: React.FC = () => {
           <p className="text-[var(--text-secondary)] mb-4">
             Intenta ajustar la búsqueda o agregar un nuevo artículo al inventario
           </p>
-          <Button onClick={handleNewItem}>
-            <Plus className="w-4 h-4 mr-2" />
-            Nuevo Artículo
+          <Button
+            onClick={handleNewItem}
+            variant="primary"
+            size="md"
+            className="font-medium px-6 py-3 shadow-sm hover:shadow-md transition-all duration-200"
+          >
+            <Plus className="w-4 h-4 mr-2 flex-shrink-0" />
+            <span>Nuevo Artículo</span>
           </Button>
         </div>
       )}