diff --git a/src/common/MetaPreview/MetaPreview.js b/src/common/MetaPreview/MetaPreview.js
index 3efbab759..9af7e6699 100644
--- a/src/common/MetaPreview/MetaPreview.js
+++ b/src/common/MetaPreview/MetaPreview.js
@@ -159,7 +159,9 @@ const MetaPreview = ({ className, compact, name, logo, background, runtime, rele
}
{
compact && typeof description === 'string' && description.length > 0 ?
-
{description}
+
+ {description}
+
:
null
}
@@ -179,6 +181,17 @@ const MetaPreview = ({ className, compact, name, logo, background, runtime, rele
/>
))
}
+ {
+ !compact && typeof description === 'string' && description.length > 0 ?
+
+
+ {t('SUMMARY')}
+
+ {description}
+
+ :
+ null
+ }
{
diff --git a/src/common/MetaPreview/styles.less b/src/common/MetaPreview/styles.less
index 083c50995..ebaa206f6 100644
--- a/src/common/MetaPreview/styles.less
+++ b/src/common/MetaPreview/styles.less
@@ -132,12 +132,18 @@
}
.description-container {
- max-height: 6em;
margin-top: 1rem;
font-size: 1rem;
font-weight: 400;
line-height: 2em;
color: var(--primary-foreground-color);
+ .label-container {
+ text-transform: uppercase;
+ font-size: 0.95rem;
+ font-weight: 700;
+ color: var(--primary-foreground-color);
+ opacity: 0.3;
+ }
}
.meta-links {