From 903079cfb6c354ebf70ea2742ee96a115a51c607 Mon Sep 17 00:00:00 2001
From: LeonG11 <kkacanov198@gmail.com>
Date: Wed, 24 Jun 2026 13:20:23 +0300
Subject: [PATCH] fix: remake button inc + dec

---
 frontend/src/pages/ItemPage.jsx | 32 +++++++++++++++++---------------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/frontend/src/pages/ItemPage.jsx b/frontend/src/pages/ItemPage.jsx
index e3571e4..25f8e6a 100644
--- a/frontend/src/pages/ItemPage.jsx
+++ b/frontend/src/pages/ItemPage.jsx
@@ -108,21 +108,23 @@ export default function ItemPage() {
 
             <div className="flex items-center gap-6 mb-6">
               <span className="text-white/50 text-sm">Количество:</span>
-              <button
-                onClick={handleDecrement}
-                className="w-10 h-10 flex items-center justify-center bg-white/10 hover:bg-white/20 rounded font-medium text-xl cursor-pointer select-none transition-colors"
-              >
-                -
-              </button>
-              <span className="mx-2 font-mono text-sm min-w-20 text-center">
-                {quantity} {item.unit}
-              </span>
-              <button
-                onClick={handleIncrement}
-                className="w-10 h-10 flex items-center justify-center bg-white/10 hover:bg-white/20 rounded font-medium text-xl cursor-pointer select-none transition-colors"
-              >
-                +
-              </button>
+              <div className="flex items-center bg-gold rounded-md text-white">
+                <button
+                  onClick={handleDecrement}
+                  className="w-10 h-10 flex items-center justify-center  font-medium text-xl cursor-pointer select-none "
+                >
+                  -
+                </button>
+                <span className="mx-2 font-mono text-sm min-w-20 text-center">
+                  {quantity} {item.unit}
+                </span>
+                <button
+                  onClick={handleIncrement}
+                  className="w-10 h-10 flex items-center justify-center font-medium text-xl cursor-pointer select-none "
+                >
+                  +
+                </button>
+              </div>
             </div>
 
             <p className="text-lg mb-6">