fix text growing off screen

jplag · Mar 12, 2024 · a0962c5 · a0962c5
1 parent a4470ad
commit a0962c5
Showing 1 changed file with 7 additions and 4 deletions.
diff --git 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