From f6c3e2fee6fb6a4cbbfb4eab99d2377f36542d62 Mon Sep 17 00:00:00 2001
From: Jean-Marc Millet <jean-marc.millet@scality.com>
Date: Wed, 23 Oct 2024 17:18:56 +0200
Subject: [PATCH] fix issue with Tooltip being cut

---
 .../databrowser/objects/ObjectListTable.tsx      | 16 +++++++++++-----
 src/react/ui-elements/ColdStorageIcon.tsx        |  2 +-
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/react/databrowser/objects/ObjectListTable.tsx b/src/react/databrowser/objects/ObjectListTable.tsx
index 72b7ab338..566e336f2 100644
--- a/src/react/databrowser/objects/ObjectListTable.tsx
+++ b/src/react/databrowser/objects/ObjectListTable.tsx
@@ -5,7 +5,13 @@ import { AutoSizer } from 'react-virtualized';
 import { FixedSizeList } from 'react-window';
 import InfiniteLoader from 'react-window-infinite-loader';
 import { List } from 'immutable';
-import { FormattedDateTime, Icon, PrettyBytes, Text } from '@scality/core-ui';
+import {
+  FormattedDateTime,
+  Icon,
+  PrettyBytes,
+  Text,
+  Wrap,
+} from '@scality/core-ui';
 import { convertRemToPixels } from '@scality/core-ui/dist/utils';
 import { spacing } from '@scality/core-ui';
 import { useHistory, useParams } from 'react-router-dom';
@@ -190,7 +196,7 @@ export default function ObjectListTable({
           if (original.isFolder) {
             return (
               <span>
-                <Icon name="Folder" />
+                <Icon style={{ marginRight: spacing.r4 }} name="Folder" />
                 <T.CellClick
                   onClick={handleCellClicked(bucketName, original.key)}
                 >
@@ -321,10 +327,10 @@ export default function ObjectListTable({
               (location) => location.name === storageClass,
             )?.isCold;
           return (
-            <div>
-              {isObjectInColdStorage ? <ColdStorageIcon /> : ''}{' '}
+            <Wrap style={{ alignItems: 'center' }}>
+              {isObjectInColdStorage ? <ColdStorageIcon /> : <p></p>}
               {storageClass === 'STANDARD' ? 'default' : storageClass}
-            </div>
+            </Wrap>
           );
         },
         cellStyle: {
diff --git a/src/react/ui-elements/ColdStorageIcon.tsx b/src/react/ui-elements/ColdStorageIcon.tsx
index 913720dda..54641f2db 100644
--- a/src/react/ui-elements/ColdStorageIcon.tsx
+++ b/src/react/ui-elements/ColdStorageIcon.tsx
@@ -4,7 +4,7 @@ const ColdStorageTemperatureToolTip = () => {
   return (
     <IconHelp
       placement="top"
-      overlayStyle={{ width: '24rem' }}
+      overlayStyle={{ textWrap: 'wrap', width: '24rem', textAlign: 'left' }}
       tooltipMessage={
         <>
           The Temperature of this Location is Cold.