From 157893b516fe48f719e55ef2152d00b0050284eb Mon Sep 17 00:00:00 2001
From: core <core.group@ya.ru>
Date: Mon, 1 Jun 2026 23:19:55 +0500
Subject: [PATCH] fix: pin archive layout to row; fit sidebar version into the
 72px rail
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Layout review found archive-main relied on the default flex-direction while
the base `main` rule forces column, so the sidebar/content split was fragile —
now set explicitly to row. The sidebar app-version pill is shrunk and centred
so it fits the 72px icon rail instead of being clipped. HTML tag balance, CSS
brace balance and all table column counts (cameras 9, storages 9, users 4)
checked out clean.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 VERSION                   | 2 +-
 frontend/static/style.css | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/VERSION b/VERSION
index 7547e44..8e82720 100644
--- a/VERSION
+++ b/VERSION
@@ -1 +1 @@
-0.0.148
+0.0.149
diff --git a/frontend/static/style.css b/frontend/static/style.css
index 8717e3d..c139336 100644
--- a/frontend/static/style.css
+++ b/frontend/static/style.css
@@ -96,7 +96,7 @@ aside {
 .subitem.active { color: #fff; border-left-color: #c0392b; background: var(--panel-2); }
 .subitem.subfs { padding-left: 16px; margin-top: 4px; border-top: 1px solid var(--border); padding-top: 8px; }
 .subitem.subplay { padding-left: 16px; font-weight: 600; color: var(--text); margin-bottom: 4px; padding-bottom: 8px; border-bottom: 1px solid var(--border); }
-.app-version { padding: 8px 16px; font-size: 11px; color: var(--text-dim); }
+.app-version { padding: 6px 2px; font-size: 10px; color: var(--text-dim); text-align: center; width: 100%; }
 .nav-item.logout { color: var(--text-dim); border-top: 1px solid var(--border); }
 .nav-item.logout:hover { color: #e57373; }
 
@@ -250,7 +250,8 @@ footer.grid-bar {
 }
 
 /* ── Архив ── */
-.archive-main { flex: 1; display: flex; overflow: hidden; }    /* сайдбар + контент */
+/* в ряд: сайдбар 220px слева + контент справа (явно, т.к. базовое main = column) */
+.archive-main { flex: 1; display: flex; flex-direction: row; overflow: hidden; }
 /* левый сайдбар архива: 220px, поделён по высоте пополам */
 .arch-side {
   width: 220px; flex: none; display: flex; flex-direction: column;