fix: keyvalue rendering

csaf-poc · Nov 24, 2023 · f0e6e62 · f0e6e62
1 parent bf6f6b5
commit f0e6e62
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/src/lib/KeyValue.svelte b/src/lib/KeyValue.svelte
@@ -16,9 +16,9 @@
   marked.use({ gfm: true });
 </script>
 
-{#each keys as key, index}
-  <table class="keyvalue">
-    <tbody>
+<table class="keyvalue">
+  <tbody>
+    {#each keys as key, index}
       {#if key == "text" || key == "Text"}
         <tr
           ><td class="key">{key}</td><td class="value">
@@ -33,6 +33,6 @@
       {:else}
         <tr><td class="key">{key}</td><td class="value">{values[index]}</td></tr>
       {/if}
-    </tbody>
-  </table>
-{/each}
+    {/each}
+  </tbody>
+</table>
diff --git a/static/css/main.css b/static/css/main.css
@@ -109,6 +109,10 @@ hr {
   border-radius: 3px;
 }
 
+.key {
+  width: 5rem;
+}
+
 .loader {
   margin-bottom: 1rem;
   width: 100%;