adapt link to listing in grid view to behave like a real link

ui/src/components/grid/listings/ListingsGrid.jsx

@@ -103,6 +103,10 @@ const ListingsGrid = () => {
     setPage(_page);
   };
 
+  const cap = (val) => {
+    return String(val).charAt(0).toUpperCase() + String(val).slice(1);
+  };
+
   return (
     <div className="listingsGrid">
       <div className="listingsGrid__searchbar">
@@ -251,11 +255,9 @@ const ListingsGrid = () => {
               bodyStyle={{ padding: '12px' }}
             >
               <div className="listingsGrid__content">
-                <a href={item.url} target="_blank" rel="noopener noreferrer" className="listingsGrid__titleLink">
+                <Text strong ellipsis={{ showTooltip: true }} className="listingsGrid__title">
-                  <Text strong ellipsis={{ showTooltip: true }} className="listingsGrid__title">
+                  {cap(item.title)}
-                    {item.title}
+                </Text>
-                  </Text>
-                </a>
                 <Space vertical align="start" spacing={2} style={{ width: '100%', marginTop: 8 }}>
                   <Text type="secondary" icon={<IconCart />} size="small">
                     {item.price} €
@@ -287,15 +289,11 @@ const ListingsGrid = () => {
                 </Space>
                 <Divider margin=".6rem" />
                 <div style={{ display: 'flex', justifyContent: 'space-between' }}>
-                  <Button
+                  <div className="listingsGrid__linkButton">
-                    title="Link to listing"
+                    <a href={item.link} target="_blank" rel="noopener noreferrer">
-                    type="primary"
+                      <IconLink />
-                    size="small"
+                    </a>
-                    onClick={async () => {
+                  </div>
-                      window.open(item.link);
-                    }}
-                    icon={<IconLink />}
-                  />
 
                   <Button
                     title="Remove"

ui/src/components/grid/listings/ListingsGrid.less

@@ -103,4 +103,17 @@
   &__setupButton {
     margin-bottom: 1rem;
   }
+
+  &__linkButton {
+    background: var(--semi-color-fill-0);
+    font-size: 14px;
+    line-height: 20px;
+    font-weight: 600;
+    height: 24px;
+    width: 24px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 3px;
+  }
 }