From 95c5b9f25af224f61e2757259b773cb332467fe6 Mon Sep 17 00:00:00 2001
From: PTah <papatramp@gmail.com>
Date: Fri, 5 Jun 2026 14:10:56 +1000
Subject: [PATCH] fix(ui): table actions column layout and resolved label
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Move flex off td.actions to inner wrapper; show Закрыта for resolved problems. SAC 0.8.2.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 backend/app/version.py                   |  2 +-
 frontend/src/style.css                   | 19 ++++++++++++
 frontend/src/version.ts                  |  2 +-
 frontend/src/views/HostsView.vue         | 20 +++++++------
 frontend/src/views/ProblemDetailView.vue |  1 +
 frontend/src/views/ProblemsView.vue      | 37 +++++++++++++-----------
 6 files changed, 53 insertions(+), 28 deletions(-)

diff --git a/backend/app/version.py b/backend/app/version.py
index 2de8f6a..b4c2790 100644
--- a/backend/app/version.py
+++ b/backend/app/version.py
@@ -1,5 +1,5 @@
 """Единый источник версии SAC (API, health, логи, OpenAPI)."""
 
 APP_NAME = "Security Alert Center"
-APP_VERSION = "0.8.1"
+APP_VERSION = "0.8.2"
 APP_VERSION_LABEL = f"{APP_NAME} v.{APP_VERSION}"
diff --git a/frontend/src/style.css b/frontend/src/style.css
index 7032d9e..f6cdc9e 100644
--- a/frontend/src/style.css
+++ b/frontend/src/style.css
@@ -32,6 +32,7 @@ a {
 
 .sac-host-row td.actions {
   cursor: default;
+  vertical-align: middle;
 }
 
 .sac-host-row:hover td.actions,
@@ -113,9 +114,27 @@ th {
 }
 
 td.actions {
+  vertical-align: middle;
+  white-space: nowrap;
+}
+
+td.actions .actions-inner {
+  display: flex;
+  align-items: center;
+  gap: 0.35rem;
+  flex-wrap: wrap;
+}
+
+.actions-muted {
+  color: #9aa4b2;
+  font-size: 0.85rem;
+}
+
+p.actions {
   display: flex;
   gap: 0.35rem;
   flex-wrap: wrap;
+  align-items: center;
 }
 
 .card {
diff --git a/frontend/src/version.ts b/frontend/src/version.ts
index 7cee056..91da510 100644
--- a/frontend/src/version.ts
+++ b/frontend/src/version.ts
@@ -1,3 +1,3 @@
 export const APP_NAME = "Security Alert Center";
-export const APP_VERSION = "0.8.1";
+export const APP_VERSION = "0.8.2";
 export const APP_VERSION_LABEL = `${APP_NAME} v.${APP_VERSION}`;
diff --git a/frontend/src/views/HostsView.vue b/frontend/src/views/HostsView.vue
index d0354e1..f4df894 100644
--- a/frontend/src/views/HostsView.vue
+++ b/frontend/src/views/HostsView.vue
@@ -61,15 +61,17 @@
           <td>{{ formatDt(h.last_seen_at) }}</td>
           <td>{{ h.event_count ?? 0 }}</td>
           <td class="actions" @click.stop>
-            <button
-              type="button"
-              class="danger"
-              :disabled="deletingId === h.id"
-              title="Удалить хост и все его события"
-              @click="confirmDelete(h)"
-            >
-              Удалить
-            </button>
+            <div class="actions-inner">
+              <button
+                type="button"
+                class="danger"
+                :disabled="deletingId === h.id"
+                title="Удалить хост и все его события"
+                @click="confirmDelete(h)"
+              >
+                Удалить
+              </button>
+            </div>
           </td>
         </tr>
       </tbody>
diff --git a/frontend/src/views/ProblemDetailView.vue b/frontend/src/views/ProblemDetailView.vue
index 075a12a..6b47e36 100644
--- a/frontend/src/views/ProblemDetailView.vue
+++ b/frontend/src/views/ProblemDetailView.vue
@@ -45,6 +45,7 @@
         <button v-if="problem.status !== 'resolved'" type="button" :disabled="acting" @click="doResolve">
           Resolve
         </button>
+        <span v-else class="actions-muted">Закрыта</span>
       </p>
     </div>
 
diff --git a/frontend/src/views/ProblemsView.vue b/frontend/src/views/ProblemsView.vue
index 1980a6e..96adef3 100644
--- a/frontend/src/views/ProblemsView.vue
+++ b/frontend/src/views/ProblemsView.vue
@@ -50,23 +50,26 @@
             <RouterLink :to="`/problems/${p.id}`">{{ p.title }}</RouterLink>
           </td>
           <td class="actions">
-            <button
-              v-if="p.status === 'open'"
-              type="button"
-              class="secondary"
-              :disabled="actingId === p.id"
-              @click="doAck(p.id)"
-            >
-              Ack
-            </button>
-            <button
-              v-if="p.status !== 'resolved'"
-              type="button"
-              :disabled="actingId === p.id"
-              @click="doResolve(p.id)"
-            >
-              Resolve
-            </button>
+            <div class="actions-inner">
+              <button
+                v-if="p.status === 'open'"
+                type="button"
+                class="secondary"
+                :disabled="actingId === p.id"
+                @click="doAck(p.id)"
+              >
+                Ack
+              </button>
+              <button
+                v-if="p.status !== 'resolved'"
+                type="button"
+                :disabled="actingId === p.id"
+                @click="doResolve(p.id)"
+              >
+                Resolve
+              </button>
+              <span v-if="p.status === 'resolved'" class="actions-muted">Закрыта</span>
+            </div>
           </td>
         </tr>
       </tbody>