diff --git a/app/javascript/flavours/glitch/styles/components/modal.scss b/app/javascript/flavours/glitch/styles/components/modal.scss
index 4f3e5babff..716796af9d 100644
--- a/app/javascript/flavours/glitch/styles/components/modal.scss
+++ b/app/javascript/flavours/glitch/styles/components/modal.scss
@@ -736,6 +736,7 @@
&:focus,
&:active {
color: darken($lighter-text-color, 4%);
+ background-color: transparent;
}
}
@@ -804,6 +805,7 @@
}
.embed-modal {
+ width: auto;
max-width: 80vw;
max-height: 80vh;
@@ -834,6 +836,7 @@
font-size: 14px;
margin: 0;
margin-bottom: 15px;
+ border-radius: 4px;
&::-moz-focus-inner {
border: 0;
@@ -859,6 +862,7 @@
max-width: 100%;
overflow: hidden;
border: 0;
+ border-radius: 4px;
}
}
}
diff --git a/app/javascript/flavours/glitch/styles/components/status.scss b/app/javascript/flavours/glitch/styles/components/status.scss
index ae89ac0a84..ded423afa2 100644
--- a/app/javascript/flavours/glitch/styles/components/status.scss
+++ b/app/javascript/flavours/glitch/styles/components/status.scss
@@ -640,6 +640,10 @@ a.status__display-name,
color: inherit;
}
+.detailed-status .button.logo-button {
+ margin-bottom: 15px;
+}
+
.detailed-status__display-name {
color: $secondary-text-color;
display: block;
diff --git a/app/javascript/flavours/glitch/styles/containers.scss b/app/javascript/flavours/glitch/styles/containers.scss
index 6a48ff3549..e2f291b693 100644
--- a/app/javascript/flavours/glitch/styles/containers.scss
+++ b/app/javascript/flavours/glitch/styles/containers.scss
@@ -414,6 +414,20 @@
}
}
+ .directory__card {
+ border-radius: 4px;
+
+ @media screen and (max-width: $no-gap-breakpoint) {
+ border-radius: 0;
+ }
+ }
+
+ .page-header {
+ @media screen and (max-width: $no-gap-breakpoint) {
+ border-bottom: 0;
+ }
+ }
+
.public-account-header {
overflow: hidden;
margin-bottom: 10px;
diff --git a/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss b/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss
index 5c7fa87da2..3b4ffdf3ce 100644
--- a/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss
+++ b/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss
@@ -230,8 +230,19 @@
.report-modal,
.embed-modal,
.error-modal,
-.onboarding-modal {
- background: $ui-base-color;
+.onboarding-modal,
+.report-modal__comment .setting-text__wrapper,
+.report-modal__comment .setting-text {
+ background: $white;
+ border: 1px solid lighten($ui-base-color, 8%);
+}
+
+.report-modal__comment {
+ border-right-color: lighten($ui-base-color, 8%);
+}
+
+.report-modal__container {
+ border-top-color: lighten($ui-base-color, 8%);
}
.boost-modal__action-bar,
diff --git a/app/javascript/flavours/glitch/styles/mastodon-light/variables.scss b/app/javascript/flavours/glitch/styles/mastodon-light/variables.scss
index 1b060b58d2..312f5e3149 100644
--- a/app/javascript/flavours/glitch/styles/mastodon-light/variables.scss
+++ b/app/javascript/flavours/glitch/styles/mastodon-light/variables.scss
@@ -18,6 +18,8 @@ $darker-text-color: $classic-base-color !default;
$dark-text-color: #444b5d;
$action-button-color: #606984;
+$success-green: lighten(#3c754d, 8%);
+
$base-overlay-background: $white !default;
$inverted-text-color: $black !default;