adding a min width to cards + and link to organisim in protein cards

ProteinsWebTeam · Feb 5, 2024 · e1beaa2 · e1beaa2
1 parent 18339f9
commit e1beaa2
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/src/components/Protein/Card/index.tsx b/src/components/Protein/Card/index.tsx
@@ -61,7 +61,19 @@ const ProteinCard = ({ data, search, entryDB }: Props) => {
           <Tooltip
             title={`${data.metadata.source_organism.fullName} (Tax ID: ${data.metadata.source_organism.taxId})`}
           >
-            {data.metadata.source_organism.fullName}
+            <Link
+              to={{
+                description: {
+                  main: { key: 'taxonomy' },
+                  taxonomy: {
+                    db: 'uniprot',
+                    accession: data.metadata.source_organism.taxId,
+                  },
+                },
+              }}
+            >
+              {data.metadata.source_organism.fullName}
+            </Link>
           </Tooltip>
           <div>
             <HighlightedText

diff --git a/src/components/SimpleCommonComponents/Card/styles.css b/src/components/SimpleCommonComponents/Card/styles.css
@@ -21,6 +21,7 @@
       position: relative;
       transition: opacity var(--timing-really-fast) ease-out;
       &:has(.card-tag) {
+        min-width: 10rem;
         margin-bottom: 0.5rem;
       }
     }