From 6059d143def3d1602bf12246f858a17e3bc469ba Mon Sep 17 00:00:00 2001
From: Tusharjamdade <tusharnjamdade@gmail.com>
Date: Tue, 28 Jan 2025 02:20:02 +0530
Subject: [PATCH] added underline and icon to link

---
 src/components/ResultCard.tsx | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/ResultCard.tsx b/src/components/ResultCard.tsx
index ced334db..e44294a0 100644
--- a/src/components/ResultCard.tsx
+++ b/src/components/ResultCard.tsx
@@ -7,6 +7,7 @@ import ButtonGroup from '@mui/material/ButtonGroup';
 import Typography from '@mui/material/Typography';
 import { Tooltip, Divider } from '@mui/material';
 import UnfoldMoreIcon from '@mui/icons-material/UnfoldMore';
+import OpenInNewIcon from '@mui/icons-material/OpenInNew';
 import { modalities } from '../utils/constants';
 
 const ResultCard = memo(
@@ -52,16 +53,28 @@ const ResultCard = memo(
                   href={datasetPortalURI}
                   target="_blank"
                   rel="noopener noreferrer"
-                  style={{ textDecoration: 'none' }}
+                  style={{
+                    textDecoration: 'none',
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: '0.25rem',
+                  }}
                 >
                   <Typography
                     variant="h5"
                     sx={{
                       color: 'primary.main',
+                      textDecoration: 'underline',
                     }}
                   >
                     {datasetName}
                   </Typography>
+                  <OpenInNewIcon
+                    fontSize="medium"
+                    sx={{
+                      color: 'primary.main',
+                    }}
+                  />
                 </a>
               ) : (
                 <Typography variant="h5">{datasetName}</Typography>