From 2552c8a90e78a57331d528dc3ad49548935b150c Mon Sep 17 00:00:00 2001
From: Maxim Dolgolyov <maxim.dolgolyov@gmail.com>
Date: Tue, 26 May 2026 16:06:49 +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=D0=BF=D0=B5=D1=80=D0=B5=D0=BA=D1=80=D1=8B=D1=82=D0=B8?=
 =?UTF-8?q?=D0=B5=20=D1=81=D0=BE=D1=81=D0=B5=D0=B4=D0=BD=D0=B8=D1=85=20?=
 =?UTF-8?q?=D1=8D=D0=BB=D0=B5=D0=BC=D0=B5=D0=BD=D1=82=D0=BE=D0=B2=20=D0=BF?=
 =?UTF-8?q?=D1=80=D0=B8=20=D0=B2=D1=8B=D0=B1=D0=BE=D1=80=D0=B5=20=D1=8F?=
 =?UTF-8?q?=D1=87=D0=B5=D0=B9=D0=BA=D0=B8=20=D0=B2=20=D1=82=D0=B0=D0=B1?=
 =?UTF-8?q?=D0=BB=D0=B8=D1=86=D0=B5=20=D0=9C=D0=B5=D0=BD=D0=B4=D0=B5=D0=BB?=
 =?UTF-8?q?=D0=B5=D0=B5=D0=B2=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

outline:2px + outlineOffset:1px давал 3px рамку поверх 2px-зазора → визуально перекрывал соседей.
Заменил на inset box-shadow — рамка внутри ячейки.
---
 frontend/js/labs/periodic.js | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/frontend/js/labs/periodic.js b/frontend/js/labs/periodic.js
index bb60c88..535ef96 100644
--- a/frontend/js/labs/periodic.js
+++ b/frontend/js/labs/periodic.js
@@ -507,11 +507,9 @@ class PeriodicTableSim {
       const div = this._cellMap[el.Z];
       if (!div) continue;
       if (el.Z === Z) {
-        div.style.outline = '2px solid #fff';
-        div.style.outlineOffset = '1px';
+        div.style.boxShadow = 'inset 0 0 0 2px #fff';
       } else {
-        div.style.outline = '';
-        div.style.outlineOffset = '';
+        div.style.boxShadow = '';
       }
     }
     this._updateCard(ELEMENTS.find(e => e.Z === Z));
@@ -612,7 +610,7 @@ class PeriodicTableSim {
       this._updateCard(null);
       for (const e2 of ELEMENTS) {
         const div = this._cellMap[e2.Z];
-        if (div) { div.style.outline = ''; div.style.outlineOffset = ''; }
+        if (div) { div.style.boxShadow = ''; div.style.outline = ''; div.style.outlineOffset = ''; }
       }
     });