From a80c6ff5e80707f10601ff42811dab1af69751e6 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Wed, 28 Oct 2020 23:43:04 +0100
Subject: [PATCH] output datatoken symbol on asset teaser

---
 src/components/molecules/AssetTeaser.module.css | 7 +++++--
 src/components/molecules/AssetTeaser.tsx        | 3 +++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/molecules/AssetTeaser.module.css b/src/components/molecules/AssetTeaser.module.css
index fb7739f0b..995b99e05 100644
--- a/src/components/molecules/AssetTeaser.module.css
+++ b/src/components/molecules/AssetTeaser.module.css
@@ -29,11 +29,10 @@
 
 .title {
   font-size: var(--font-size-large);
-  margin-bottom: calc(var(--spacer) / 3);
+  margin-bottom: calc(var(--spacer) / 2);
 }
 
 .foot {
-  font-weight: var(--font-weight-bold);
   margin-top: calc(var(--spacer) / 4);
 }
 
@@ -52,3 +51,7 @@
   padding: 0.2rem 0.5rem;
   border-bottom-left-radius: var(--border-radius);
 }
+
+.symbol {
+  margin-bottom: 0;
+}
diff --git a/src/components/molecules/AssetTeaser.tsx b/src/components/molecules/AssetTeaser.tsx
index 4ba935948..b054578d4 100644
--- a/src/components/molecules/AssetTeaser.tsx
+++ b/src/components/molecules/AssetTeaser.tsx
@@ -17,12 +17,15 @@ const AssetTeaser: React.FC<AssetTeaserProps> = ({
   metadata
 }: AssetTeaserProps) => {
   const { name } = metadata.main
+  const { dataTokenInfo } = ddo
   const isCompute = Boolean(ddo.findServiceByType('compute'))
 
   return (
     <article className={styles.teaser}>
       <Link to={`/asset/${ddo.id}`} className={styles.link}>
+        <p className={styles.symbol}>{dataTokenInfo?.symbol}</p>
         <h1 className={styles.title}>{name}</h1>
+
         {isCompute && <div className={styles.accessLabel}>Compute</div>}
 
         <div className={styles.content}>