From c7fe59496886129ae2c171dab344d48d6077a135 Mon Sep 17 00:00:00 2001
From: lizerk <lizerk-dev@gmail.com>
Date: Fri, 22 May 2026 14:25:22 +0300
Subject: [PATCH] procurement: align item remove action

---
 frontend/src/app/procurement/page.tsx | 31 ++++++++++++++++-----------
 1 file changed, 19 insertions(+), 12 deletions(-)

diff --git a/frontend/src/app/procurement/page.tsx b/frontend/src/app/procurement/page.tsx
index 3a29bb05..dbca991e 100644
--- a/frontend/src/app/procurement/page.tsx
+++ b/frontend/src/app/procurement/page.tsx
@@ -1279,19 +1279,26 @@ export default function ProcurementPage() {
                     );
 
                     return (
-                      <div key={idx} className="relative rounded-xl border border-gray-200 bg-gray-50 p-3">
-                        {form.items.length > 1 && (
-                          <button type="button" onClick={() => removeItemRow(idx)} className="absolute right-2 top-2 rounded p-0.5 text-gray-400 hover:bg-gray-200 hover:text-gray-600">
-                            <X size={14} />
-                          </button>
-                        )}
+                      <div key={idx} className="rounded-xl border border-gray-200 bg-gray-50 p-3">
                         <div className="grid gap-2">
-                          <input
-                            value={it.name}
-                            onChange={(e) => updateItemRow(idx, { name: e.target.value })}
-                            placeholder="Название позиции *"
-                            className="app-input w-full rounded-lg px-3 py-2 text-sm"
-                          />
+                          <div className="flex items-center gap-2">
+                            <input
+                              value={it.name}
+                              onChange={(e) => updateItemRow(idx, { name: e.target.value })}
+                              placeholder="Название позиции *"
+                              className="app-input min-w-0 flex-1 rounded-lg px-3 py-2 text-sm"
+                            />
+                            {form.items.length > 1 && (
+                              <button
+                                type="button"
+                                onClick={() => removeItemRow(idx)}
+                                className="app-action-secondary inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-lg"
+                                title="Удалить позицию"
+                              >
+                                <X size={14} />
+                              </button>
+                            )}
+                          </div>
                           <div className="grid grid-cols-4 gap-2">
                             <input
                               type="number"