diff --git a/site/KeyDataTable.scss b/site/KeyDataTable.scss index 63c26e9c015..116c018caa6 100644 --- a/site/KeyDataTable.scss +++ b/site/KeyDataTable.scss @@ -27,6 +27,14 @@ } .key-data-description-short__title { + color: $blue-50; @include h5-black-caps; +} + +.key-data-description-short__title-fragments { + color: $blue-50; + @include h6-black-caps; + font-weight: 600; + letter-spacing: 0.05rem; margin-bottom: 8px; } diff --git a/site/KeyDataTable.tsx b/site/KeyDataTable.tsx index f90474d80d6..86f6e3e22a7 100644 --- a/site/KeyDataTable.tsx +++ b/site/KeyDataTable.tsx @@ -34,20 +34,17 @@ export default function KeyDataTable({
{datapageData.descriptionShort && (
-
+
{datapageData.title.title} - {(datapageData.attributionShort || - datapageData.titleVariant) && ( - <> - {" "} - - {joinTitleFragments( - datapageData.attributionShort, - datapageData.titleVariant - )} - - - )} +
+
+ { + // This method may return undefined if both fields are empty + joinTitleFragments( + datapageData.attributionShort, + datapageData.titleVariant + ) + }