From a33f622a35cecfa860c7273dad5ee38f15f8e3af Mon Sep 17 00:00:00 2001
From: Maxim Dolgolyov <maxim.dolgolyov@gmail.com>
Date: Sat, 30 May 2026 19:12:48 +0300
Subject: [PATCH] =?UTF-8?q?style(textbooks):=20=D0=BA=D0=BE=D0=BC=D0=BF?=
 =?UTF-8?q?=D0=B0=D0=BA=D1=82=D0=BD=D0=B0=D1=8F=20=D0=BA=D0=BD=D0=BE=D0=BF?=
 =?UTF-8?q?=D0=BA=D0=B0=20=C2=AB=D0=92=20=D0=BB=D0=B0=D0=B1=D0=BE=D1=80?=
 =?UTF-8?q?=D0=B0=D1=82=D0=BE=D1=80=D0=B8=D1=8E=C2=BB=20(=D0=B8=D0=BA?=
 =?UTF-8?q?=D0=BE=D0=BD=D0=BA=D0=B0=20+=20=D1=81=D1=87=D1=91=D1=82=D1=87?=
 =?UTF-8?q?=D0=B8=D0=BA)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Кнопка на карточке учебника наследовала .tb-btn{flex:1} и растягивалась
наравне с «Продолжить» — длинный текст переносился на 3 строки, колба
вставала посреди слова. Теперь .tb-lab-btn — компактный квадрат (как
кнопка ДЗ): только колба, при нескольких связях добавляется число;
полное название в title. flex:0 0 auto + white-space:nowrap убирают
перенос, колба тонирована в --violet как научный акцент.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 frontend/textbooks.html | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/frontend/textbooks.html b/frontend/textbooks.html
index b219108..2f2923e 100644
--- a/frontend/textbooks.html
+++ b/frontend/textbooks.html
@@ -164,6 +164,13 @@
       width:auto; min-width:42px; padding:9px 12px;
       flex:0 0 auto;
     }
+    .tb-lab-btn {
+      width:auto; min-width:42px; padding:9px 12px;
+      flex:0 0 auto; white-space:nowrap;
+      font-variant-numeric: tabular-nums; font-weight:800;
+    }
+    .tb-lab-btn svg { stroke:var(--violet); flex-shrink:0; }
+    .tb-lab-btn:hover { border-color:var(--violet); background:rgba(155,93,229,.08); }
 
     .tb-empty {
       grid-column: 1 / -1;
@@ -521,9 +528,8 @@
               ${isTeacher ? `<button class="tb-btn tb-assign-btn" onclick="openAssignModal('${t.slug}', '${esc(t.title)}')" title="Назначить чтение как ДЗ">
                 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2v20M2 12h20"/></svg>
               </button>` : ''}
-              ${(labLinks[t.slug] && labLinks[t.slug].length) ? `<button class="tb-btn tb-lab-btn" onclick="openLabSim('${esc(labLinks[t.slug][0].id)}', event)" title="Открыть связанную симуляцию в лаборатории">
-                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 3h6m-4.5 0v5.5l-4 7.5a1 1 0 0 0 .9 1.5h8.2a1 1 0 0 0 .9-1.5l-4-7.5V3"/></svg>
-                В лабораторию${labLinks[t.slug].length > 1 ? ' (' + labLinks[t.slug].length + ')' : ''}
+              ${(labLinks[t.slug] && labLinks[t.slug].length) ? `<button class="tb-btn tb-lab-btn" onclick="openLabSim('${esc(labLinks[t.slug][0].id)}', event)" title="В лабораторию${labLinks[t.slug].length > 1 ? ' — связанных симуляций: ' + labLinks[t.slug].length : ''}" aria-label="В лабораторию">
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 3h6m-4.5 0v5.5l-4 7.5a1 1 0 0 0 .9 1.5h8.2a1 1 0 0 0 .9-1.5l-4-7.5V3"/></svg>${labLinks[t.slug].length > 1 ? labLinks[t.slug].length : ''}
               </button>` : ''}
             </div>
           </div>