From 9327f1cd434efa2818422982ed691b2f96ae607f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9CNaeel=E2=80=9D?= <tazet@narod.ru>
Date: Mon, 3 Aug 2026 10:12:55 +0400
Subject: [PATCH] =?UTF-8?q?v0.5.18:=20DEV/TEST/PROD=20=D0=B2=20=D0=BE?=
 =?UTF-8?q?=D0=B4=D0=BD=D0=BE=D0=B9=20=D1=81=D1=82=D1=80=D0=BE=D0=BA=D0=B5?=
 =?UTF-8?q?=20=D1=81=20=D0=BB=D0=BE=D0=B3=D0=BE=20=D0=B8=20Swagger?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 site/static/style.css     | 25 +++++++++++++++++++++++++
 site/templates/index.html | 17 ++++++-----------
 2 files changed, 31 insertions(+), 11 deletions(-)

diff --git a/site/static/style.css b/site/static/style.css
index fcef29e..3a7ec7a 100644
--- a/site/static/style.css
+++ b/site/static/style.css
@@ -128,6 +128,31 @@ body {
     color: var(--brand-primary);
 }
 
+/* ── Inline stand chips (in header row) ── */
+.stand-chip-inline {
+    display: inline-block;
+    padding: 2px 10px;
+    border: 2px solid var(--border);
+    border-radius: 100px;
+    text-decoration: none;
+    font-size: 12px;
+    font-weight: 700;
+    text-transform: uppercase;
+    color: var(--text-muted);
+    transition: all 0.15s;
+}
+
+.stand-chip-inline:hover {
+    border-color: var(--brand-primary);
+    color: var(--brand-primary);
+}
+
+.stand-chip-inline.stand-active {
+    border-color: var(--brand-primary);
+    background: #eff6ff;
+    color: var(--brand-primary);
+}
+
 /* ── Layout ── */
 main {
     max-width: 960px;
diff --git a/site/templates/index.html b/site/templates/index.html
index a1716d4..63d7931 100644
--- a/site/templates/index.html
+++ b/site/templates/index.html
@@ -13,8 +13,13 @@
 <header class="header">
     <div class="header-top">
         <span class="badge badge-blue">polygon v{{ version }}</span>
-        <span class="sep">·</span>
         <img src="{{ url_for('static', filename='logo.svg') }}" alt="Nubes" class="logo" width="108" height="24">
+        {% if stands_list|length > 1 %}
+        {% for s in stands_list %}
+        <a href="/{{ s.id }}/" class="stand-chip-inline {% if s.id == current_stand %}stand-active{% endif %}">{{ s.id }}</a>
+        {% endfor %}
+        <span class="sep">·</span>
+        {% endif %}
         <a href="/swagger" class="swagger-link">📋 Swagger</a>
         <span class="sep">·</span>
         <span class="dot dot-green"></span>
@@ -26,16 +31,6 @@
         <span class="sep">·</span>
         <span class="header-stat">Задержка: <strong>{{ delay }}s</strong></span>
     </div>
-    {% if stands_list|length > 1 %}
-    <div class="header-stands">
-        {% for s in stands_list %}
-        <a href="/{{ s.id }}/" class="stand-card-sm {% if s.id == current_stand %}stand-active{% endif %}">
-            <span class="stand-name">{{ s.id }}</span>
-            <span class="stand-count">{{ s.count }} сервисов</span>
-        </a>
-        {% endfor %}
-    </div>
-    {% endif %}
 </header>
 
 <main>