From a26ec4b5b0a44a053a1381a95e9d23f1f8117186 Mon Sep 17 00:00:00 2001
From: MarcelBitfly <marcel.massmann@bitfly.com>
Date: Mon, 8 Jul 2024 15:30:02 +0200
Subject: [PATCH] Fix overflowing text in `SlotVizToolTip`

See: BIDS-3203
---
 frontend/components/slot/viz/SlotVizTooltip.vue | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/frontend/components/slot/viz/SlotVizTooltip.vue b/frontend/components/slot/viz/SlotVizTooltip.vue
index 421a551b6..5a6172550 100644
--- a/frontend/components/slot/viz/SlotVizTooltip.vue
+++ b/frontend/components/slot/viz/SlotVizTooltip.vue
@@ -300,6 +300,16 @@ const data = computed(() => {
         align-items: flex-start;
         word-wrap: nowrap;
         white-space: nowrap;
+        .validators {
+          display: grid;
+          grid-template-columns: 1fr 1fr 1fr;
+          gap: var(--padding-tiny);
+          // otherwise the text: `...and XX more` will mess up the first column
+          > span:not(:has(> a)) {
+              grid-column: span 2;
+              text-align: left
+          }
+        }
       }
     }
   }