UX: Invites styles refactor (#30329)

app/assets/stylesheets/common/login/invite-signup.scss

@@ -6,9 +6,22 @@
     margin-bottom: 0;
   }
 
+  .invited-by {
+    display: flex;
+    align-items: center;
+    gap: 0.5em;
+    margin: 1em 0;
+    font-size: var(--font-down-1);
+  }
+
+  .invited-by p {
+    margin: 0;
+  }
+
   .user-info {
     align-items: center;
     gap: 0.5em;
+    margin: 0;
   }
 
   .avatar {
@@ -55,3 +68,30 @@
     }
   }
 }
+
+.invite-page {
+  background: var(--secondary);
+}
+
+.invites-show,
+#simple-container .invite-error {
+  max-width: 500px;
+  padding: 2rem 3rem;
+  background: var(--secondary);
+  margin: 0 auto;
+  @media screen and (max-width: 700px) {
+    margin: 1em auto 1em auto;
+    padding: 1rem;
+  }
+}
+
+#simple-container .invite-error {
+  .error-info {
+    text-align: center;
+  }
+
+  .error-image {
+    text-align: center;
+    padding-bottom: 1em;
+  }
+}

app/assets/stylesheets/desktop/_index.scss

@@ -3,7 +3,6 @@
 @import "compose";
 @import "discourse";
 @import "header";
-@import "invite-signup";
 @import "latest-topic-list";
 @import "login-signup-page";
 @import "menu-panel";

app/assets/stylesheets/desktop/invite-signup.scss

@@ -1,25 +0,0 @@
-.invite-page {
-  background: var(--secondary);
-}
-
-.invites-show,
-#simple-container .invite-error {
-  max-width: 500px;
-  padding: 2rem 3rem;
-  background: var(--secondary);
-  margin: 10vh auto 1em auto;
-  @media screen and (max-height: 700px) {
-    margin: 1em auto 1em auto;
-  }
-}
-
-#simple-container .invite-error {
-  .error-info {
-    text-align: center;
-  }
-
-  .error-image {
-    text-align: center;
-    padding-bottom: 1em;
-  }
-}