diff --git a/app/javascript/flavours/glitch/components/admin/Dimension.jsx b/app/javascript/flavours/glitch/components/admin/Dimension.jsx index de24a4bf3c..f0e9c12b3a 100644 --- a/app/javascript/flavours/glitch/components/admin/Dimension.jsx +++ b/app/javascript/flavours/glitch/components/admin/Dimension.jsx @@ -85,7 +85,7 @@ export default class Dimension extends PureComponent { return (
-

{label}

+

{label}

{content}
diff --git a/app/javascript/flavours/glitch/components/admin/ImpactReport.jsx b/app/javascript/flavours/glitch/components/admin/ImpactReport.jsx index 06d1a6a343..2ca7a9560c 100644 --- a/app/javascript/flavours/glitch/components/admin/ImpactReport.jsx +++ b/app/javascript/flavours/glitch/components/admin/ImpactReport.jsx @@ -49,7 +49,7 @@ export default class ImpactReport extends PureComponent { return (
-

+ diff --git a/app/javascript/flavours/glitch/components/admin/Retention.jsx b/app/javascript/flavours/glitch/components/admin/Retention.jsx index e2a19d5844..ff021d7e92 100644 --- a/app/javascript/flavours/glitch/components/admin/Retention.jsx +++ b/app/javascript/flavours/glitch/components/admin/Retention.jsx @@ -145,7 +145,7 @@ export default class Retention extends PureComponent { return (
-

{title}

+

{title}

{content}
diff --git a/app/javascript/flavours/glitch/components/admin/Trends.jsx b/app/javascript/flavours/glitch/components/admin/Trends.jsx index b64f3f90ab..51ac2b6094 100644 --- a/app/javascript/flavours/glitch/components/admin/Trends.jsx +++ b/app/javascript/flavours/glitch/components/admin/Trends.jsx @@ -66,7 +66,7 @@ export default class Trends extends PureComponent { return (
-

+ {content}
diff --git a/app/javascript/flavours/glitch/styles/mastodon/admin.scss b/app/javascript/flavours/glitch/styles/mastodon/admin.scss index 980d46896f..45869a1624 100644 --- a/app/javascript/flavours/glitch/styles/mastodon/admin.scss +++ b/app/javascript/flavours/glitch/styles/mastodon/admin.scss @@ -267,7 +267,7 @@ $content-width: 840px; } } - h2 small { + h1 small { font-size: 12px; display: block; font-weight: 500; @@ -281,22 +281,16 @@ $content-width: 840px; } } - h2 { + :where(h1), + .heading-large { color: var(--color-text-primary); font-size: 24px; line-height: 36px; font-weight: 700; } - h3 { - color: var(--color-text-primary); - font-size: 20px; - line-height: 28px; - font-weight: 400; - margin-bottom: 30px; - } - - h4 { + :where(h2):not(.heading-medium), + .heading-small { text-transform: uppercase; font-size: 13px; font-weight: 700; @@ -306,6 +300,14 @@ $content-width: 840px; border-top: 1px solid var(--color-border-primary); } + .heading-medium { + color: var(--color-text-primary); + font-size: 20px; + line-height: 28px; + font-weight: 400; + margin-bottom: 30px; + } + h6 { font-size: 16px; color: var(--color-text-primary);