From 9a85a13e08302b266d8483f71def455ecdaecf5c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=9A=D0=BE=D0=BD=D1=81=D1=82=D0=B0=D0=BD=D1=82=D0=B8?=
 =?UTF-8?q?=D0=BD=20=D0=9B=D0=B5=D0=B1=D0=B5=D0=B4=D0=B8=D0=BD=D1=81=D0=BA?=
 =?UTF-8?q?=D0=B8=D0=B9?= <lebedinsky.kd@gmail.com>
Date: Mon, 27 Apr 2026 19:45:13 +0500
Subject: [PATCH] fix(tests list): full-height link in split row for mobile tap
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- list-row__main: flex column + stretch; list-row__link: flex:1 to fill
  height next to «Пройти» so taps below title hit the <a>
- Subtle -webkit-tap-highlight-color on list link

Made-with: Cursor
---
 frontend/src/styles/cabinet-theme.css | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/frontend/src/styles/cabinet-theme.css b/frontend/src/styles/cabinet-theme.css
index 8768d4c..b4deb52 100644
--- a/frontend/src/styles/cabinet-theme.css
+++ b/frontend/src/styles/cabinet-theme.css
@@ -476,19 +476,29 @@ code,
   gap: 0;
 }
 
+/* Колонка тянется по высоте кнопки «Пройти»; ссылка на всю эту высоту — цель тача на моб. */
 .list-row--split .list-row__main {
+  display: flex;
+  flex-direction: column;
   flex: 1;
   min-width: 0;
+  min-height: 0;
+  align-self: stretch;
 }
 
 .list-row--split .list-row__link {
-  display: block;
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  min-height: 0;
+  justify-content: flex-start;
   padding: 0.9rem 1rem;
   text-decoration: none;
   color: inherit;
   outline-offset: 2px;
   border-radius: 0.85rem 0 0 0.85rem;
   transition: background 0.12s ease;
+  -webkit-tap-highlight-color: color-mix(in srgb, var(--primary) 18%, transparent);
 }
 
 .list-row--split .list-row__link:hover {