Fix UI for inventory page 2

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>
       )}