From 7d72440d6cc8ee54695eeb10b52a9ca19ef5548b Mon Sep 17 00:00:00 2001
From: Andreas <60923027+starheim98@users.noreply.github.com>
Date: Fri, 3 Jan 2025 13:55:49 +0100
Subject: [PATCH] added tooltip and removed text (#567)

---
 frontend/beCompliant/src/components/Table.tsx | 21 +++++++++----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/frontend/beCompliant/src/components/Table.tsx b/frontend/beCompliant/src/components/Table.tsx
index 88b0bdab7..4ca39f5fa 100644
--- a/frontend/beCompliant/src/components/Table.tsx
+++ b/frontend/beCompliant/src/components/Table.tsx
@@ -22,7 +22,7 @@ import { getSortFuncForColumn } from './table/TableSort';
 import { TableActions } from './tableActions/TableActions';
 import { TableFilters } from './tableActions/TableFilter';
 import { useEffect, useState } from 'react';
-import { Flex, IconButton, Text } from '@kvib/react';
+import { Flex, IconButton, Text, Tooltip } from '@kvib/react';
 import { useNavigate } from 'react-router-dom';
 
 type Props = {
@@ -179,16 +179,15 @@ export function TableComponent({
           whiteSpace: 'nowrap', // Prevent wrapping
         }}
       >
-        <IconButton
-          aria-label="se mer"
-          icon="open_in_full"
-          size="md"
-          variant="ghost"
-          onClick={() => navigate(`${row.original.recordId}`)}
-        />
-        <Text fontSize="sm" color="green.700">
-          Se mer
-        </Text>
+        <Tooltip label="Se mer">
+          <IconButton
+            aria-label="se mer"
+            icon="open_in_full"
+            size="md"
+            variant="ghost"
+            onClick={() => navigate(`${row.original.recordId}`)}
+          />
+        </Tooltip>
       </DataTableCell>
     ),
   };