Fix layout of the closed registrations modal (#26593)

2023-08-22 09:11:59 +02:00 · 2023-08-22 09:11:59 +02:00 · 38ec8071fa
parent d4eef922aa
commit 38ec8071fa
1 changed files with 38 additions and 0 deletions
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@ -8539,6 +8539,44 @@ noscript {
    }
  }

+  &__choices {
+    display: flex;
+    gap: 40px;
+
+    &__choice {
+      flex: 1;
+      box-sizing: border-box;
+
+      h3 {
+        margin-bottom: 20px;
+      }
+
+      p {
+        color: $darker-text-color;
+        margin-bottom: 20px;
+        font-size: 15px;
+      }
+
+      .button {
+        margin-bottom: 10px;
+
+        &:last-child {
+          margin-bottom: 0;
+        }
+      }
+    }
+  }
+
+  @media screen and (max-width: $no-gap-breakpoint - 1px) {
+    &__choices {
+      flex-direction: column;
+
+      &__choice {
+        margin-top: 40px;
+      }
+    }
+  }
+
  .link-button {
    font-size: inherit;
    display: inline;