From afb0f7ef3114e00546ec106e3ce998c9e803fdd2 Mon Sep 17 00:00:00 2001
From: "Vaka.pro" <vakabunga@proton.me>
Date: Mon, 13 Apr 2026 22:47:06 +0300
Subject: [PATCH] fix(frontend): animate full race list row on hover (li, not
 inner link)

Move scale/shadow transition to .race-card--action; keyboard focus ring on link.
Version 0.4.2.

Made-with: Cursor
---
 frontend/package-lock.json     |  4 ++--
 frontend/package.json          |  2 +-
 frontend/src/styles/global.css | 21 +++++++++++++--------
 3 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index d7e6669..7889661 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "calendar-run-frontend",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "calendar-run-frontend",
-      "version": "0.4.1",
+      "version": "0.4.2",
       "dependencies": {
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
diff --git a/frontend/package.json b/frontend/package.json
index e9a0434..88ef5a6 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -1,7 +1,7 @@
 {
   "name": "calendar-run-frontend",
   "private": true,
-  "version": "0.4.1",
+  "version": "0.4.2",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/frontend/src/styles/global.css b/frontend/src/styles/global.css
index 5a477cc..3c2693f 100644
--- a/frontend/src/styles/global.css
+++ b/frontend/src/styles/global.css
@@ -321,6 +321,15 @@ a {
 .race-card--action {
   padding: 0;
   overflow: visible;
+  transition:
+    transform 0.15s ease,
+    box-shadow 0.15s ease;
+}
+
+.race-card--action:hover,
+.race-card--action:focus-within {
+  transform: scale(1.02);
+  box-shadow: var(--shadow-card-lift);
 }
 
 .race-card__link-surface {
@@ -333,16 +342,12 @@ a {
   border-radius: var(--radius-sm);
   color: inherit;
   text-decoration: none;
-  transition:
-    transform 0.15s ease,
-    box-shadow 0.15s ease;
+  outline: none;
 }
 
-.race-card--action:hover .race-card__link-surface,
-.race-card--action:focus-within .race-card__link-surface {
-  transform: scale(1.02);
-  box-shadow: var(--shadow-card-lift);
-  outline: none;
+.race-card__link-surface:focus-visible {
+  outline: 2px solid var(--color-accent);
+  outline-offset: 2px;
 }
 
 .race-card__title-text {