From 1940c57f81eff78d24b7e8afe99de096b71a71c9 Mon Sep 17 00:00:00 2001
From: Maxim Dolgolyov <maxim.dolgolyov@gmail.com>
Date: Tue, 26 May 2026 20:04:11 +0300
Subject: [PATCH] =?UTF-8?q?fix(labs):=20=D1=83=D0=B1=D1=80=D0=B0=D1=82?=
 =?UTF-8?q?=D1=8C=20=D1=81=D0=BB=D0=B8=D0=BF=D0=B0=D0=BD=D0=B8=D0=B5=20?=
 =?UTF-8?q?=D1=82=D0=B5=D0=BA=D1=81=D1=82=D0=B0=20=D0=B2=20=D0=BB=D0=B5?=
 =?UTF-8?q?=D0=B2=D0=BE=D0=B9=20=D0=BF=D0=B0=D0=BD=D0=B5=D0=BB=D0=B8=20?=
 =?UTF-8?q?=D0=93=D0=BE=D0=BD=D0=BA=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Ширина 260 → 280px + overflow-x:hidden
- race-scene-card: padding 7→9px, gap между картами 5→7px, добавлен .race-scene-info { flex:1; min-width:0 } чтобы длинные заголовки не выпадали из карточки
- race-scene-title: .78→.82rem, line-height 1.3→1.4, word-break
- race-mover-card: padding 8→10/11/6px, margin-bottom 8→10px, добавлена нижняя граница у header для визуального разделения
- param-name .73→.78rem, param-val min-width 70→55px (умещается в 280px панель)
- race-stats-bar .pstat-label .68→.72rem с opacity 0.4→0.55, .pstat-val .82→.9rem (контраст лучше)
---
 frontend/css/lab.css | 47 ++++++++++++++++++++++++++++----------------
 1 file changed, 30 insertions(+), 17 deletions(-)

diff --git a/frontend/css/lab.css b/frontend/css/lab.css
index 47a384d..8540ee5 100644
--- a/frontend/css/lab.css
+++ b/frontend/css/lab.css
@@ -2336,17 +2336,21 @@ canvas[data-draggable]:active { cursor: grabbing; }
 
 /* Left panel */
 .race-panel {
-  width: 260px;
-  flex: 0 0 260px;
+  width: 280px;
+  flex: 0 0 280px;
   overflow-y: auto;
+  overflow-x: hidden;
   background: rgba(255,255,255,0.018);
   border-right: 1px solid var(--border);
-  padding: 8px 10px 12px;
+  padding: 10px 11px 14px;
   font-size: .82rem;
   display: flex;
   flex-direction: column;
   gap: 0;
 }
+.race-panel .param-block { margin-bottom: 8px; }
+.race-panel .param-name { font-size: .78rem; }
+.race-panel .param-val  { font-size: .82rem; min-width: 55px; }
 
 /* Quick bar */
 .race-quick-bar {
@@ -2413,18 +2417,19 @@ canvas[data-draggable]:active { cursor: grabbing; }
 .race-scenarios-list {
   display: flex;
   flex-direction: column;
-  gap: 5px;
+  gap: 7px;
 }
 .race-scene-card {
   display: flex;
   align-items: center;
-  gap: 8px;
-  padding: 7px 10px;
+  gap: 9px;
+  padding: 9px 11px;
   border-radius: 8px;
   border: 1.5px solid transparent;
   background: rgba(255,255,255,0.025);
   cursor: pointer;
   transition: border-color .15s, background .15s;
+  min-width: 0;
 }
 .race-scene-card:hover {
   background: rgba(255,255,255,0.05);
@@ -2439,27 +2444,34 @@ canvas[data-draggable]:active { cursor: grabbing; }
   gap: 3px;
   flex-shrink: 0;
 }
+.race-scene-info {
+  flex: 1;
+  min-width: 0;
+}
 .race-scene-title {
-  font-size: .78rem;
+  font-size: .82rem;
   font-weight: 600;
   color: var(--text);
-  line-height: 1.3;
+  line-height: 1.4;
+  word-break: break-word;
 }
 
 /* Mover param card */
 .race-mover-card {
   border: 1px solid var(--border);
   border-radius: 8px;
-  padding: 8px 10px;
-  margin-bottom: 8px;
+  padding: 10px 11px 6px;
+  margin-bottom: 10px;
   background: rgba(255,255,255,0.02);
 }
 .race-mover-header {
   display: flex;
   align-items: center;
-  gap: 6px;
-  margin-bottom: 6px;
-  font-size: .80rem;
+  gap: 7px;
+  margin-bottom: 10px;
+  padding-bottom: 7px;
+  border-bottom: 1px solid rgba(255,255,255,0.06);
+  font-size: .85rem;
 }
 
 /* Scene: canvas + graph + answer */
@@ -2585,14 +2597,15 @@ canvas[data-draggable]:active { cursor: grabbing; }
 }
 .race-stats-bar .pstat:last-child { border-right: none; }
 .race-stats-bar .pstat-label {
-  font-size: .68rem;
-  color: rgba(255,255,255,0.4);
+  font-size: .72rem;
+  color: rgba(255,255,255,0.55);
   text-transform: uppercase;
   letter-spacing: .04em;
-  margin-bottom: 2px;
+  margin-bottom: 3px;
+  line-height: 1.2;
 }
 .race-stats-bar .pstat-val {
-  font-size: .82rem;
+  font-size: .9rem;
   font-weight: 700;
   font-family: 'Unbounded', sans-serif;
   white-space: nowrap;