5.11.1: Стили TaskList и карточек Wishlist

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

@@ -285,8 +285,8 @@
 
 .task-progression-value {
   font-size: 0.8rem;
-  font-weight: 500;
-  color: #374151;
+  font-weight: 700;
+  color: #9ca3af;
   min-width: 1rem;
   text-align: center;
 }

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

@@ -184,7 +184,15 @@
   transform: translateY(-2px);
 }
 
-.wishlist-card.faded {
+.wishlist-card-content {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-height: 0;
+}
+
+.wishlist-card.faded .wishlist-card-content {
   opacity: 0.45;
 }
 
@@ -195,7 +203,7 @@
   border-radius: 50%;
   width: 28px;
   height: 28px;
-  z-index: 10;
+  z-index: 20;
   padding: 0;
   display: flex;
   align-items: center;

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

@@ -630,15 +630,16 @@ function Wishlist({ onNavigate, refreshTrigger = 0, isActive = false, initialBoa
             )}
           </div>
         )}
-        <button
-          className="card-menu-button"
-          onClick={(e) => handleMenuClick(item, e)}
-          title="Меню"
-        >
-          ⋮
-        </button>
+        <div className="wishlist-card-content">
+          <button
+            className="card-menu-button"
+            onClick={(e) => handleMenuClick(item, e)}
+            title="Меню"
+          >
+            ⋮
+          </button>
 
-        <div className="card-image">
+          <div className="card-image">
           {item.image_url ? (
             <img src={item.image_url} alt={item.name} />
           ) : (
@@ -664,6 +665,7 @@ function Wishlist({ onNavigate, refreshTrigger = 0, isActive = false, initialBoa
           }
           return null
         })()}
+        </div>
       </div>
     )
   }