From cd51b097c81d216545f1ee52106117159f0f3973 Mon Sep 17 00:00:00 2001
From: poignatov <poignatov@avito.ru>
Date: Sun, 8 Mar 2026 14:17:38 +0300
Subject: [PATCH] =?UTF-8?q?6.3.10:=20=D0=A4=D0=B8=D0=BA=D1=81=20=D0=B7?=
 =?UTF-8?q?=D0=BE=D0=BD=D1=8B=20=D0=BA=D0=BB=D0=B8=D0=BA=D0=B0=20=D0=BA?=
 =?UTF-8?q?=D0=BD=D0=BE=D0=BF=D0=BE=D0=BA=20=D0=BF=D1=80=D0=BE=D0=B3=D1=80?=
 =?UTF-8?q?=D0=B5=D1=81=D1=81=D0=B8=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 VERSION                                     |  2 +-
 play-life-web/package.json                  |  2 +-
 play-life-web/src/components/TaskDetail.css | 40 +++++++++++++--------
 3 files changed, 27 insertions(+), 17 deletions(-)

diff --git a/VERSION b/VERSION
index 291cd91..9776e72 100644
--- a/VERSION
+++ b/VERSION
@@ -1 +1 @@
-6.3.9
+6.3.10
diff --git a/play-life-web/package.json b/play-life-web/package.json
index c6d6ded..4022dff 100644
--- a/play-life-web/package.json
+++ b/play-life-web/package.json
@@ -1,6 +1,6 @@
 {
   "name": "play-life-web",
-  "version": "6.3.9",
+  "version": "6.3.10",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/play-life-web/src/components/TaskDetail.css b/play-life-web/src/components/TaskDetail.css
index 56b5431..56eced9 100644
--- a/play-life-web/src/components/TaskDetail.css
+++ b/play-life-web/src/components/TaskDetail.css
@@ -204,46 +204,56 @@
   top: 0;
   bottom: 0;
   display: flex;
-  align-items: center;
+  align-items: stretch;
   flex-shrink: 0;
 }
 
 .progression-control-btn {
+  position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 2rem;
-  height: 2rem;
+  width: 2.375rem;
   border: none;
-  background: #f3f4f6;
+  background: transparent;
   font-size: 1.125rem;
   font-weight: 500;
   color: #6b7280;
   cursor: pointer;
-  transition: background 0.2s, color 0.2s;
+  transition: color 0.2s;
+  z-index: 1;
+}
+
+.progression-control-btn::after {
+  content: '';
+  position: absolute;
+  width: 2rem;
+  height: 2rem;
+  background: #f3f4f6;
+  transition: background 0.2s;
+  z-index: -1;
 }
 
 .progression-control-btn:hover {
-  background: #e5e7eb;
   color: #374151;
 }
 
-.progression-control-btn:active {
+.progression-control-btn:hover::after {
+  background: #e5e7eb;
+}
+
+.progression-control-btn:active::after {
   background: #d1d5db;
 }
 
-.progression-control-minus {
-  border-right: 1px solid #eeeff1;
+.progression-control-minus::after {
   border-radius: 9999px 0 0 9999px;
-  padding-left: 0.375rem;
-  margin-left: 0.375rem;
+  right: 0;
 }
 
-.progression-control-plus {
-  border-left: 1px solid #eeeff1;
+.progression-control-plus::after {
   border-radius: 0 9999px 9999px 0;
-  padding-right: 0.375rem;
-  margin-right: 0.375rem;
+  left: 0;
 }
 
 .task-detail-divider {