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 = ({ metadata }: AssetTeaserProps) => { const { name } = metadata.main + const { dataTokenInfo } = ddo const isCompute = Boolean(ddo.findServiceByType('compute')) return (
+

{dataTokenInfo?.symbol}

{name}

+ {isCompute &&
Compute
}