From 852a2b73a97d61a793922a04d172db16e542935c Mon Sep 17 00:00:00 2001
From: AbdBarho <ka70911@gmail.com>
Date: Mon, 6 Feb 2023 03:23:13 +0100
Subject: [PATCH] Use more screen realestate for tooltips (#1210)

---
 website/src/components/CollapsableText.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/website/src/components/CollapsableText.tsx b/website/src/components/CollapsableText.tsx
index 1629b4bb..07382787 100644
--- a/website/src/components/CollapsableText.tsx
+++ b/website/src/components/CollapsableText.tsx
@@ -1,12 +1,12 @@
 import {
   Button,
-  Tooltip,
   Modal,
   ModalBody,
   ModalCloseButton,
   ModalContent,
   ModalHeader,
   ModalOverlay,
+  Tooltip,
   useColorModeValue,
   useDisclosure,
 } from "@chakra-ui/react";
@@ -35,7 +35,7 @@ export const CollapsableText = ({
       <>
         <span ref={finalRef}>
           {text.substring(0, maxLength - 3)}&nbsp;
-          <Tooltip label={text} size="lg">
+          <Tooltip label={text} maxW="70vw">
             <Button
               style={{ display: "inline" }}
               size={"xs"}
@@ -62,7 +62,7 @@ export const CollapsableText = ({
             <ModalContent pb={5} alignItems="center">
               <ModalHeader>Full Text</ModalHeader>
               <ModalCloseButton />
-              <ModalBody style={{ whiteSpace: "pre-line" }}>{text}</ModalBody>
+              <ModalBody whiteSpace="pre-line">{text}</ModalBody>
             </ModalContent>
           </ModalOverlay>
         </Modal>