6.17.5: Кнопка выполнения и тайтл в диалоге товара

play-life-web/src/components/ShoppingItemDetail.jsx

@@ -170,19 +170,7 @@ function ShoppingItemDetail({ itemId, onClose, onRefresh, onItemCompleted, onNav
               </div>
 
               <div className="shopping-item-complete-row">
-                <button
-                  onClick={handleComplete}
-                  disabled={isCompleting}
-                  className="shopping-item-complete-button"
-                >
-                  {isCompleting ? (
-                    <div className="shopping-item-complete-spinner"></div>
-                  ) : (
-                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
-                      <polyline points="20 6 9 17 4 12"></polyline>
-                    </svg>
-                  )}
-                </button>
+                <label className="progression-label">Объём</label>
                 <div className="progression-input-wrapper">
                   <input
                     type="number"
@@ -218,6 +206,19 @@ function ShoppingItemDetail({ itemId, onClose, onRefresh, onItemCompleted, onNav
                   </div>
                 </div>
               </div>
+              <div className="task-action-left">
+                <button
+                  onClick={handleComplete}
+                  disabled={isCompleting}
+                  className="action-button action-button-check"
+                >
+                  {isCompleting ? (
+                    <div className="shopping-item-complete-spinner"></div>
+                  ) : (
+                    'Выполнить'
+                  )}
+                </button>
+              </div>
             </>
           )}
         </div>