secrets migration

html/ui/app.css

@@ -18,6 +18,10 @@
     overflow: auto;
 }
 
+.cluster {
+    max-width: 50%;
+}
+
 #store-infos {
     display: flex;
     flex-flow: row wrap;

html/ui/js/Cluster.js

@@ -21,17 +21,15 @@ export default {
     <Downloads :token="token" :state="state" kind="cluster" :name="cluster.Name" />
   </section>
   <div class="section">CAs</div>
-  <section v-for="ca in cluster.CAs">
-    {{ ca.Name }}:
-        <GetCopy :token="token" name="cert" :href="'/clusters/'+cluster.Name+'/CAs/'+ca.Name+'/certificate'" />
-        <template v-if="ca.Signed">
-          {{" "}}signed
-          <template v-for="signed in ca.Signed">
-            {{" "}}
-            <GetCopy :token="token" :name="signed" :href="'/clusters/'+cluster.Name+'/CAs/'+ca.Name+'/signed?name='+signed" />
-          </template>
-        </template>
-  </section>
+  <table><tr><th>Name</th><th>Certificate</th><th>Signed certificates</th></tr>
+  <tr v-for="ca in cluster.CAs">
+    <td>{{ ca.Name }}</td>
+    <td><GetCopy :token="token" name="cert" :href="'/clusters/'+cluster.Name+'/CAs/'+ca.Name+'/certificate'" /></td>
+    <td><template v-for="signed in ca.Signed">
+      {{" "}}
+      <GetCopy :token="token" :name="signed" :href="'/clusters/'+cluster.Name+'/CAs/'+ca.Name+'/signed?name='+signed" />
+    </template></td>
+  </tr></table>
 </div>
 `
 }

html/ui/style.css

@@ -124,6 +124,9 @@ header .utils > * {
 .sheets section {
     margin: 2pt 6pt 6pt 6pt;
 }
+.sheets > *:last-child > table:last-child > tr:last-child > td {
+    border-bottom: none;
+}
 
 .notif {
     display: inline-block;