From ac87cf9a90ce594c595d6f7a7632c4e0f1cbdbc0 Mon Sep 17 00:00:00 2001
From: Natsumi <cmcooper123@hotmail.com>
Date: Wed, 21 Jan 2026 14:31:19 +1300
Subject: [PATCH] Tooltip text overflow and new lines

---
 src/components/dialogs/WorldDialog/WorldDialog.vue |  4 ++--
 src/components/ui/tooltip/TooltipWrapper.vue       | 10 ++++++++--
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/dialogs/WorldDialog/WorldDialog.vue b/src/components/dialogs/WorldDialog/WorldDialog.vue
index 9f863aa2..0438af26 100644
--- a/src/components/dialogs/WorldDialog/WorldDialog.vue
+++ b/src/components/dialogs/WorldDialog/WorldDialog.vue
@@ -593,7 +593,7 @@
                                             {{ timeInLab }}
                                         </span>
                                     </template>
-                                    <ArrowDown />
+                                    <ChevronDown class="inline-block" />
                                 </TooltipWrapper>
                                 <span class="extra">
                                     {{ formatDateFilter(worldDialog.ref.publicationDate, 'long') }}
@@ -697,8 +697,8 @@
 <script setup>
     import {
         Apple,
-        ArrowDown,
         Check,
+        ChevronDown,
         Copy,
         Download,
         Ellipsis,
diff --git a/src/components/ui/tooltip/TooltipWrapper.vue b/src/components/ui/tooltip/TooltipWrapper.vue
index b0fcce28..744b7717 100644
--- a/src/components/ui/tooltip/TooltipWrapper.vue
+++ b/src/components/ui/tooltip/TooltipWrapper.vue
@@ -36,9 +36,15 @@
         <TooltipTrigger :as-child="triggerAsChild" v-bind="attrs">
             <slot />
         </TooltipTrigger>
-        <TooltipContent v-if="hasContent" :side="side" :align="align" :side-offset="sideOffset" :class="contentClass">
+        <TooltipContent
+            v-if="hasContent"
+            :side="side"
+            :align="align"
+            :side-offset="sideOffset"
+            :class="contentClass"
+            class="max-w-screen">
             <slot name="content">
-                <span v-if="content !== undefined">{{ content }}</span>
+                <span v-if="content !== undefined" class="whitespace-pre-wrap">{{ content }}</span>
             </slot>
         </TooltipContent>
     </Tooltip>