diff --git a/app/javascript/flavours/glitch/components/server_banner.jsx b/app/javascript/flavours/glitch/components/server_banner.jsx
index 1b449ff1a8..43afebe9cf 100644
--- a/app/javascript/flavours/glitch/components/server_banner.jsx
+++ b/app/javascript/flavours/glitch/components/server_banner.jsx
@@ -42,10 +42,12 @@ class ServerBanner extends PureComponent {
return (
-
+
+
+
{isLoading ? (
@@ -84,10 +86,6 @@ class ServerBanner extends PureComponent {
)}
-
-
-
-
);
}
diff --git a/app/javascript/flavours/glitch/features/ui/components/sign_in_banner.jsx b/app/javascript/flavours/glitch/features/ui/components/sign_in_banner.jsx
index 5db3cb492b..bda9aed025 100644
--- a/app/javascript/flavours/glitch/features/ui/components/sign_in_banner.jsx
+++ b/app/javascript/flavours/glitch/features/ui/components/sign_in_banner.jsx
@@ -22,7 +22,8 @@ const SignInBanner = () => {
if (sso_redirect) {
return (
);
@@ -44,7 +45,8 @@ const SignInBanner = () => {
return (
diff --git a/app/javascript/flavours/glitch/styles/components.scss b/app/javascript/flavours/glitch/styles/components.scss
index 32cca1a801..9980f87adc 100644
--- a/app/javascript/flavours/glitch/styles/components.scss
+++ b/app/javascript/flavours/glitch/styles/components.scss
@@ -952,9 +952,15 @@ body > [data-popper-placement] {
padding: 10px;
p {
+ font-size: 15px;
+ line-height: 22px;
color: $darker-text-color;
margin-bottom: 20px;
+ strong {
+ font-weight: 700;
+ }
+
a {
color: $secondary-text-color;
text-decoration: none;
@@ -9517,14 +9523,14 @@ noscript {
}
.server-banner {
- padding: 20px 0;
-
&__introduction {
+ font-size: 15px;
+ line-height: 22px;
color: $darker-text-color;
margin-bottom: 20px;
strong {
- font-weight: 600;
+ font-weight: 700;
}
a {
@@ -9552,6 +9558,9 @@ noscript {
}
&__description {
+ font-size: 15px;
+ line-height: 22px;
+ color: $darker-text-color;
margin-bottom: 20px;
}