From 8ef93aedda89fa8f55ac18ca0fad22e2a5950014 Mon Sep 17 00:00:00 2001
From: Ilja <domainepublic@spectraltheorem.be>
Date: Fri, 23 Oct 2020 15:37:32 +0200
Subject: [PATCH] First poc for quarantined instances

* I made a table instead of a list
* I'm pretty sure I need to extract the css to somewhere else, but unsure where atm
* All the other lists also need to be done in the same way obviously
* I'm not sure yet what would happen when it gets strings instead of tuples (the way old be's will give) but I'm pretty sure it will give some sort of error and wont display properly
  * Does it need backwards compatibility for older BE's?
---
 .../mrf_transparency_panel.vue                | 21 +++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/components/mrf_transparency_panel/mrf_transparency_panel.vue b/src/components/mrf_transparency_panel/mrf_transparency_panel.vue
index acdf822e..94e57892 100644
--- a/src/components/mrf_transparency_panel/mrf_transparency_panel.vue
+++ b/src/components/mrf_transparency_panel/mrf_transparency_panel.vue
@@ -59,13 +59,22 @@
 
             <p>{{ $t("about.mrf.simple.quarantine_desc") }}</p>
 
-            <ul>
-              <li
-                v-for="instance in quarantineInstances"
+            <table style="width:100%;text-align: left;">
+              <tr>
+                <th>Instance</th>
+                <th>Reason</th>
+              </tr>
+              <tr>
+                <td v-for="instance in quarantineInstances"
                 :key="instance"
-                v-text="instance"
-              />
-            </ul>
+                v-text="instance[0]"
+                />
+                <td v-for="instance in quarantineInstances"
+                :key="instance"
+                v-text="instance[1]"
+                />
+              </tr>
+            </table>
           </div>
 
           <div v-if="ftlRemovalInstances.length">