diff --git a/src/components/atoms/Publisher/ProfileDetails.module.css b/src/components/atoms/Publisher/ProfileDetails.module.css index 5160bc109..a0e85bea5 100644 --- a/src/components/atoms/Publisher/ProfileDetails.module.css +++ b/src/components/atoms/Publisher/ProfileDetails.module.css @@ -7,7 +7,8 @@ @media (min-width: 40rem) { .profile { - margin: calc(var(--spacer) / 4); + margin: calc(var(--spacer) / 8); + margin-bottom: calc(var(--spacer) / 4); } } diff --git a/src/components/atoms/Publisher/index.tsx b/src/components/atoms/Publisher/index.tsx index 2b58f9f8c..8904c2156 100644 --- a/src/components/atoms/Publisher/index.tsx +++ b/src/components/atoms/Publisher/index.tsx @@ -41,8 +41,8 @@ export default function Publisher({ if (!profile) return setProfile(profile) - const { name } = profile - name && setName(name) + const { name, emoji } = profile + name && setName(`${emoji || ''} ${name}`) } get3Box() diff --git a/src/components/atoms/Tooltip.module.css b/src/components/atoms/Tooltip.module.css index a98694279..637c33369 100644 --- a/src/components/atoms/Tooltip.module.css +++ b/src/components/atoms/Tooltip.module.css @@ -43,7 +43,7 @@ } .content[data-placement*='left'] > .arrow { - right: -4px; + right: 6px; } .content[data-placement*='right'] > .arrow { diff --git a/src/components/molecules/AssetTeaser.module.css b/src/components/molecules/AssetTeaser.module.css index d8c2d4402..8ebe02f0e 100644 --- a/src/components/molecules/AssetTeaser.module.css +++ b/src/components/molecules/AssetTeaser.module.css @@ -1,5 +1,5 @@ .teaser { - max-width: 50rem; + max-width: 40rem; height: 100%; } @@ -29,15 +29,13 @@ } .title { - line-height: 1.3 !important; font-size: var(--font-size-large); - margin-top: calc(var(--spacer) / 12); - margin-bottom: 0; + margin: 0; + padding-bottom: calc(var(--spacer) / 6); } -.partner { - font-size: var(--font-size-small); - margin-top: calc(var(--spacer) / 8); +.publisher { + display: block; } .foot { diff --git a/src/components/molecules/AssetTeaser.tsx b/src/components/molecules/AssetTeaser.tsx index 86c2f4642..f57227485 100644 --- a/src/components/molecules/AssetTeaser.tsx +++ b/src/components/molecules/AssetTeaser.tsx @@ -23,15 +23,17 @@ const AssetTeaser: React.FC = ({ ddo }: AssetTeaserProps) => { return (
- - {dataTokenInfo?.symbol} - -

{name}

- +
+ + {dataTokenInfo?.symbol} + +

{name}

+ +
{isCompute &&
Compute
}