From 8fa8d17a8345e83d309cf04aabb05b0ca812337f Mon Sep 17 00:00:00 2001
From: Ilja <domainepublic@spectraltheorem.be>
Date: Sun, 13 Dec 2020 15:50:17 +0100
Subject: [PATCH] Code review fixes

* The v-for for the reasons now have an actual unique key so it doesn't throw errors any more
* Some small touch ups on the css. Most importantly the "vertical-align: text-top;"
---
 .../mrf_transparency_panel.scss                      |  9 +++++++--
 .../mrf_transparency_panel.vue                       | 12 ++++++------
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/components/mrf_transparency_panel/mrf_transparency_panel.scss b/src/components/mrf_transparency_panel/mrf_transparency_panel.scss
index 1ff3b476..80ea01d4 100644
--- a/src/components/mrf_transparency_panel/mrf_transparency_panel.scss
+++ b/src/components/mrf_transparency_panel/mrf_transparency_panel.scss
@@ -6,10 +6,15 @@
     text-align: left;
     padding-left:10px;
     padding-bottom:20px;
-    th {
+
+    th, td {
       width: 180px;
+      max-width: 360px;
+      overflow:  hidden;
+      vertical-align: text-top;
     }
-    th+th {
+
+    th+th, td+td {
       width: auto;
     }
   }
diff --git a/src/components/mrf_transparency_panel/mrf_transparency_panel.vue b/src/components/mrf_transparency_panel/mrf_transparency_panel.vue
index 0c6bd511..1787fa07 100644
--- a/src/components/mrf_transparency_panel/mrf_transparency_panel.vue
+++ b/src/components/mrf_transparency_panel/mrf_transparency_panel.vue
@@ -38,7 +38,7 @@
               </tr>
               <tr
                 v-for="entry in acceptInstances"
-                :key="entry"
+                :key="entry.instance + '_accept'"
               >
                 <td>{{ entry.instance }}</td>
                 <td v-if="entry.reason === ''">
@@ -63,7 +63,7 @@
               </tr>
               <tr
                 v-for="entry in rejectInstances"
-                :key="entry"
+                :key="entry.instance + '_reject'"
               >
                 <td>{{ entry.instance }}</td>
                 <td v-if="entry.reason === ''">
@@ -88,7 +88,7 @@
               </tr>
               <tr
                 v-for="entry in quarantineInstances"
-                :key="entry"
+                :key="entry.instance + '_quarantine'"
               >
                 <td>{{ entry.instance }}</td>
                 <td v-if="entry.reason === ''">
@@ -113,7 +113,7 @@
               </tr>
               <tr
                 v-for="entry in ftlRemovalInstances"
-                :key="entry"
+                :key="entry.instance + '_ftl_removal'"
               >
                 <td>{{ entry.instance }}</td>
                 <td v-if="entry.reason === ''">
@@ -138,7 +138,7 @@
               </tr>
               <tr
                 v-for="entry in mediaNsfwInstances"
-                :key="entry"
+                :key="entry.instance + '_media_nsfw'"
               >
                 <td>{{ entry.instance }}</td>
                 <td v-if="entry.reason === ''">
@@ -163,7 +163,7 @@
               </tr>
               <tr
                 v-for="entry in mediaRemovalInstances"
-                :key="entry"
+                :key="entry.instance + '_media_removal'"
               >
                 <td>{{ entry.instance }}</td>
                 <td v-if="entry.reason === ''">