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);