diff --git a/client/src/components/molecules/AssetTeaser.module.scss b/client/src/components/molecules/AssetTeaser.module.scss index 43979aa..212ab2b 100644 --- a/client/src/components/molecules/AssetTeaser.module.scss +++ b/client/src/components/molecules/AssetTeaser.module.scss @@ -32,6 +32,7 @@ h1 { font-size: $font-size-large; margin-top: 0; + margin-bottom: $spacer / 4; } } @@ -89,7 +90,18 @@ } .assetFooter { - margin-top: $spacer / 2; + margin-top: $spacer; font-size: $font-size-small; color: $brand-grey-light; + display: flex; + justify-content: space-between; +} + +.price { + font-size: $font-size-mini; + + span { + color: $brand-grey; + font-size: $font-size-small; + } } diff --git a/client/src/components/molecules/AssetTeaser.tsx b/client/src/components/molecules/AssetTeaser.tsx index 14f6d0d..5c322d7 100644 --- a/client/src/components/molecules/AssetTeaser.tsx +++ b/client/src/components/molecules/AssetTeaser.tsx @@ -43,9 +43,7 @@ const AssetTeaser = ({ )}

{base.name}

- {allowPricing - ? 'Ọ ' + Web3.utils.fromWei(base.price.toString()) - : null} + {!minimal && (
{base.description} @@ -53,6 +51,14 @@ const AssetTeaser = ({ )}
{base.categories &&
{base.categories[0]}
} + {allowPricing && ( +
+ + {Web3.utils.fromWei(base.price.toString())} + {' '} + OCEAN +
+ )}
diff --git a/client/src/components/templates/Asset/AssetDetails.tsx b/client/src/components/templates/Asset/AssetDetails.tsx index 10db94c..371d29e 100644 --- a/client/src/components/templates/Asset/AssetDetails.tsx +++ b/client/src/components/templates/Asset/AssetDetails.tsx @@ -101,14 +101,12 @@ export default class AssetDetails extends PureComponent { Price - - Ọ{' '} - {base.price === '0' - ? 0 - : Web3.utils.fromWei( - base.price.toString() - )} - + {base.price === '0' + ? 0 + : Web3.utils.fromWei( + base.price.toString() + )}{' '} + OCEAN ) : null}