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

play-life-web/package.json

@@ -1,6 +1,6 @@
 {
   "name": "play-life-web",
-  "version": "6.17.4",
+  "version": "6.17.5",
   "type": "module",
   "scripts": {
     "dev": "vite",

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>

play-life-web/src/components/TaskDetail.css

@@ -210,7 +210,7 @@
 
 .shopping-item-complete-row {
   display: flex;
-  align-items: center;
+  flex-direction: column;
   gap: 0.375rem;
 }
 
@@ -218,6 +218,10 @@
   flex: 1;
 }
 
+.shopping-item-complete-row + .task-action-left {
+  margin-top: 0.75rem;
+}
+
 .shopping-item-complete-button {
   width: 48px;
   height: 48px;