fix(ui): table actions column layout and resolved label

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

@@ -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}"

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 {

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}`;

frontend/src/views/HostsView.vue

@@ -61,6 +61,7 @@
           <td>{{ formatDt(h.last_seen_at) }}</td>
           <td>{{ h.event_count ?? 0 }}</td>
           <td class="actions" @click.stop>
+            <div class="actions-inner">
               <button
                 type="button"
                 class="danger"
@@ -70,6 +71,7 @@
               >
                 Удалить
               </button>
+            </div>
           </td>
         </tr>
       </tbody>

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>
 

frontend/src/views/ProblemsView.vue

@@ -50,6 +50,7 @@
             <RouterLink :to="`/problems/${p.id}`">{{ p.title }}</RouterLink>
           </td>
           <td class="actions">
+            <div class="actions-inner">
               <button
                 v-if="p.status === 'open'"
                 type="button"
@@ -67,6 +68,8 @@
               >
                 Resolve
               </button>
+              <span v-if="p.status === 'resolved'" class="actions-muted">Закрыта</span>
+            </div>
           </td>
         </tr>
       </tbody>