From ccd0b6018c3423574612bc2d5ca74fc30f00d554 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=90=D0=BD=D1=82=D0=BE=D0=BD=20=D0=A2=D1=80=D0=BE=D1=88?=
 =?UTF-8?q?=D0=B8=D0=BD?= <i@atroshin.ru>
Date: Sat, 12 Sep 2026 14:20:35 +0300
Subject: [PATCH] ui: separate STK menu, STATUS and events blocks in Phone view

Wrap each block of the phone row in a bordered card (border, rounded,
p-3) with items-start and gap-4 so they read as distinct panels and wrap
cleanly. SW cache v94 -> v95.
---
 frontend/index.html | 8 ++++----
 frontend/sw.js      | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/index.html b/frontend/index.html
index e333e94..6f9c478 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -902,15 +902,15 @@
 			<button class="phone-subtab px-4 py-1.5 text-sm rounded-full bg-gray-200 dark:bg-slate-700 text-gray-700 dark:text-slate-300 hover:bg-gray-300 dark:hover:bg-slate-600" data-phone-sub="tr" onclick="phoneSwitchSubtab('tr')" data-l10n="TR Config">TR Config</button>
 		</div>
 		<div id="phone-sub-phone">
-			<div class="flex flex-wrap gap-6 mb-4">
-				<div>
+			<div class="flex flex-wrap items-start gap-4 mb-4">
+				<div class="border border-gray-200 dark:border-slate-700 rounded p-3">
 					<div class="mb-1 text-sm text-gray-500 dark:text-slate-400" data-l10n="STK menu">STK menu</div>
 					<div class="flex items-center gap-2">
 						<button id="stk-menu-btn" onclick="stkMenuOpen()" class="px-2.5 py-1 text-sm rounded bg-emerald-600 text-white hover:bg-emerald-700" style="display:none">STK: <span id="stk-menu-title"></span></button>
 						<span id="stk-menu-none" class="text-xs text-gray-500 dark:text-slate-400" style="display:none" data-l10n="No menu set by the card">No menu set by the card</span>
 					</div>
 				</div>
-				<div>
+				<div class="border border-gray-200 dark:border-slate-700 rounded p-3">
 					<div class="mb-1 text-sm text-gray-500 dark:text-slate-400" data-l10n="STATUS and Polling">STATUS and Polling</div>
 					<div class="flex items-center gap-2">
 						<button id="pli-status-btn" onclick="pysimStatusPoll()" class="px-2.5 py-1 text-sm rounded bg-gray-600 text-white hover:bg-gray-700" data-l10n="Send STATUS">Send STATUS</button>
@@ -920,7 +920,7 @@
 						<span id="pli-poll-stat" class="text-xs text-gray-400"></span>
 					</div>
 				</div>
-				<div class="flex-1 min-w-0">
+				<div class="flex-1 min-w-0 border border-gray-200 dark:border-slate-700 rounded p-3">
 					<div class="mb-1 text-sm text-gray-500 dark:text-slate-400" data-l10n="Events that the card monitors (SET UP EVENT LIST):">Events that the card monitors (SET UP EVENT LIST):</div>
 					<div id="pysim-event-list" class="text-sm font-mono text-gray-600 dark:text-slate-400"></div>
 				</div>
diff --git a/frontend/sw.js b/frontend/sw.js
index 67b08ad..e1b9fa7 100644
--- a/frontend/sw.js
+++ b/frontend/sw.js
@@ -1,4 +1,4 @@
-const CACHE = 'otaman-v94';
+const CACHE = 'otaman-v95';
 const URLS = [
   'index.html',
   'help.html',