From a4470ad04e57a7872f1cbf998bd97d0946d967a0 Mon Sep 17 00:00:00 2001
From: Alex | Kronox <alexander_vogt@outlook.de>
Date: Tue, 12 Mar 2024 13:55:29 +0100
Subject: [PATCH 1/2] show hover text all the time

---
 report-viewer/src/components/ClusterGraph.vue      | 13 +++++--------
 report-viewer/src/components/ClusterRadarChart.vue |  2 +-
 2 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/report-viewer/src/components/ClusterGraph.vue b/report-viewer/src/components/ClusterGraph.vue
index 8a7e6d92a..5b66aebce 100644
--- a/report-viewer/src/components/ClusterGraph.vue
+++ b/report-viewer/src/components/ClusterGraph.vue
@@ -1,13 +1,10 @@
 <template>
-  <div class="print:max-h-full print:max-w-full">
-    <div class="print:max-h-full print:max-w-full">
-      <canvas ref="graphCanvas" class="print:max-h-full print:max-w-full"></canvas>
-      <div
-        v-if="!allComparisonsPresent"
-        class="mt-8 text-xs font-bold text-gray-500 dark:text-gray-400"
-      >
+  <div class="relative bottom-0 overflow-hidden print:max-h-full print:max-w-full">
+    <div class="flex flex-col print:max-h-full print:max-w-full">
+      <canvas ref="graphCanvas" class="flex-grow print:max-h-full print:max-w-full"></canvas>
+      <div class="mt-8 text-xs font-bold text-gray-500 dark:text-gray-400 print:hidden">
         <p>Hover over an edge to highlight it in the table.</p>
-        <p class="mt-2">
+        <p class="mt-2" v-if="!allComparisonsPresent">
           Not all comparisons of this cluster are present. These comparisons are indicated by the
           dashed lines. <br />
           To include more comparisons, increase the number of increased comparisons in the CLI.
diff --git a/report-viewer/src/components/ClusterRadarChart.vue b/report-viewer/src/components/ClusterRadarChart.vue
index dbe8136b1..22b2ae01e 100644
--- a/report-viewer/src/components/ClusterRadarChart.vue
+++ b/report-viewer/src/components/ClusterRadarChart.vue
@@ -15,7 +15,7 @@
       <div class="flex min-h-0 flex-grow justify-center">
         <Radar :data="chartData" :options="radarChartOptions" />
       </div>
-      <div class="text-xs font-bold text-gray-500 dark:text-gray-400">
+      <div class="text-xs font-bold text-gray-500 dark:text-gray-400 print:hidden">
         <p>
           This Chart shows the average similarity of the selected submission to the other
           submissions in the cluster. <br />

From a0962c529b30646223c6aa48076a24f40e6b3366 Mon Sep 17 00:00:00 2001
From: Alex | Kronox <alexander_vogt@outlook.de>
Date: Tue, 12 Mar 2024 14:04:14 +0100
Subject: [PATCH 2/2] fix text growing off screen

---
 report-viewer/src/components/ClusterGraph.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/report-viewer/src/components/ClusterGraph.vue b/report-viewer/src/components/ClusterGraph.vue
index 5b66aebce..b20d02b67 100644
--- a/report-viewer/src/components/ClusterGraph.vue
+++ b/report-viewer/src/components/ClusterGraph.vue
@@ -1,8 +1,11 @@
 <template>
-  <div class="relative bottom-0 overflow-hidden print:max-h-full print:max-w-full">
-    <div class="flex flex-col print:max-h-full print:max-w-full">
-      <canvas ref="graphCanvas" class="flex-grow print:max-h-full print:max-w-full"></canvas>
-      <div class="mt-8 text-xs font-bold text-gray-500 dark:text-gray-400 print:hidden">
+  <div class="flex max-h-full flex-col overflow-hidden print:max-w-full">
+    <div class="flex max-h-full flex-col overflow-hidden print:max-w-full">
+      <canvas
+        ref="graphCanvas"
+        class="min-h-0 flex-grow print:max-h-full print:max-w-full"
+      ></canvas>
+      <div class="mt-5 text-xs font-bold text-gray-500 dark:text-gray-400 print:hidden">
         <p>Hover over an edge to highlight it in the table.</p>
         <p class="mt-2" v-if="!allComparisonsPresent">
           Not all comparisons of this cluster are present. These comparisons are indicated by the