6.3.8: Фикс визуала кнопок прогрессии

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

@@ -172,13 +172,13 @@
 .progression-input-wrapper {
   position: relative;
   display: flex;
-  align-items: stretch;
+  align-items: center;
 }
 
 .progression-input {
   width: 100%;
   padding: 0.75rem;
-  padding-right: 5.5rem;
+  padding-right: 4.75rem;
   border: 1px solid #d1d5db;
   border-radius: 0.375rem;
   font-size: 1rem;
@@ -204,9 +204,7 @@
   top: 0;
   bottom: 0;
   display: flex;
-  background: #f3f4f6;
-  border-radius: 9999px;
-  overflow: hidden;
+  align-items: center;
   flex-shrink: 0;
 }
 
@@ -215,9 +213,9 @@
   align-items: center;
   justify-content: center;
   width: 2rem;
-  height: 100%;
+  height: 2rem;
   border: none;
-  background: transparent;
+  background: #f3f4f6;
   font-size: 1.125rem;
   font-weight: 500;
   color: #6b7280;
@@ -236,12 +234,16 @@
 
 .progression-control-minus {
   border-right: 1px solid #eeeff1;
+  border-radius: 9999px 0 0 9999px;
   padding-left: 0.375rem;
+  margin-left: 0.375rem;
 }
 
 .progression-control-plus {
   border-left: 1px solid #eeeff1;
+  border-radius: 0 9999px 9999px 0;
   padding-right: 0.375rem;
+  margin-right: 0.375rem;
 }
 
 .task-detail-divider {