From b5eaa8fd900eb70694c35baa3ee07e2ce79bfccc Mon Sep 17 00:00:00 2001
From: UniDesk Codex <codex@pikapython.com>
Date: Tue, 30 Jun 2026 21:12:02 +0800
Subject: [PATCH] fix: adjust admin secrets layout

---
 web/hwlab-cloud-web/src/styles/workbench.css  | 11 ++++++++---
 .../src/views/admin/SecretsView.vue           | 19 ++++++++++++-------
 2 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/web/hwlab-cloud-web/src/styles/workbench.css b/web/hwlab-cloud-web/src/styles/workbench.css
index 7dc5658f..07c0bb38 100644
--- a/web/hwlab-cloud-web/src/styles/workbench.css
+++ b/web/hwlab-cloud-web/src/styles/workbench.css
@@ -2632,9 +2632,12 @@
   gap: 12px;
 }
 
-.secrets-summary-grid,
+.secrets-summary-grid {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
 .secrets-readiness-grid {
-  grid-template-columns: repeat(2, minmax(0, 1fr));
+  grid-template-columns: minmax(0, 1fr);
 }
 
 .secrets-detail-grid {
@@ -2642,7 +2645,9 @@
 }
 
 .secrets-target-panel,
-.secrets-contract-panel {
+.secrets-contract-panel,
+.secrets-eso-panel,
+.secrets-rollout-panel {
   display: grid;
   min-width: 0;
   gap: 12px;
diff --git a/web/hwlab-cloud-web/src/views/admin/SecretsView.vue b/web/hwlab-cloud-web/src/views/admin/SecretsView.vue
index 4078ebe1..5c7b36dc 100644
--- a/web/hwlab-cloud-web/src/views/admin/SecretsView.vue
+++ b/web/hwlab-cloud-web/src/views/admin/SecretsView.vue
@@ -132,7 +132,6 @@ function displayDate(value: string): string {
           <header class="panel-header">
             <h2>{{ summary.contractVersion }}</h2>
             <div class="table-actions-inline">
-              <button v-if="canPlan" class="table-action" type="button" data-testid="admin-secrets-open-plan" @click="planPanelOpen = !planPanelOpen">{{ planPanelOpen ? "收起 Plan" : "Plan" }}</button>
               <button class="table-action" type="button" :disabled="refreshing" @click="reload">{{ refreshing ? "刷新中" : "刷新" }}</button>
             </div>
           </header>
@@ -143,10 +142,7 @@ function displayDate(value: string): string {
             <div><dt>generated</dt><dd>{{ displayDate(summary.generatedAt) }}</dd></div>
           </dl>
         </section>
-      </section>
-
-      <section class="secrets-readiness-grid">
-        <section class="data-panel admin-crud-panel">
+        <section class="data-panel admin-crud-panel secrets-eso-panel">
           <header class="panel-header"><h2>ESO</h2><small>{{ summary.evidence.issue }}</small></header>
           <dl class="field-grid">
             <div><dt>controller</dt><dd>{{ summary.eso.controller }}</dd></div>
@@ -155,8 +151,17 @@ function displayDate(value: string): string {
             <div><dt>validatedAt</dt><dd>{{ displayDate(summary.evidence.validatedAt) }}</dd></div>
           </dl>
         </section>
-        <section class="data-panel admin-crud-panel">
-          <header class="panel-header"><h2>Rollout</h2><small>{{ summary.evidence.source }}</small></header>
+      </section>
+
+      <section class="secrets-readiness-grid">
+        <section class="data-panel admin-crud-panel secrets-rollout-panel">
+          <header class="panel-header">
+            <div>
+              <h2>Rollout</h2>
+              <small>{{ summary.evidence.source }}</small>
+            </div>
+            <button v-if="canPlan" class="table-action" type="button" data-testid="admin-secrets-open-plan" @click="planPanelOpen = !planPanelOpen">{{ planPanelOpen ? "收起 Plan" : "Plan" }}</button>
+          </header>
           <dl class="field-grid">
             <div><dt>ExternalSecrets</dt><dd>{{ summary.counts.externalSecrets }}</dd></div>
             <div><dt>Ready</dt><dd>{{ summary.counts.ready }}</dd></div>