From ef754cdd9ad2eabf405d120f7df454e72e8620cf Mon Sep 17 00:00:00 2001
From: Jordan Vidrine <30537603+jordanvidrine@users.noreply.github.com>
Date: Tue, 17 Dec 2024 15:11:21 -0600
Subject: [PATCH] UX: Invites styles refactor (#30329)

---
 .../common/login/invite-signup.scss           | 40 +++++++++++++++++++
 app/assets/stylesheets/desktop/_index.scss    |  1 -
 .../stylesheets/desktop/invite-signup.scss    | 25 ------------
 3 files changed, 40 insertions(+), 26 deletions(-)
 delete mode 100644 app/assets/stylesheets/desktop/invite-signup.scss

diff --git a/app/assets/stylesheets/common/login/invite-signup.scss b/app/assets/stylesheets/common/login/invite-signup.scss
index cdff92eef94..a2058f0b2c4 100644
--- a/app/assets/stylesheets/common/login/invite-signup.scss
+++ b/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;
+  }
+}
diff --git a/app/assets/stylesheets/desktop/_index.scss b/app/assets/stylesheets/desktop/_index.scss
index 7253b39b7c8..2392990290f 100644
--- a/app/assets/stylesheets/desktop/_index.scss
+++ b/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";
diff --git a/app/assets/stylesheets/desktop/invite-signup.scss b/app/assets/stylesheets/desktop/invite-signup.scss
deleted file mode 100644
index 99a653083ec..00000000000
--- a/app/assets/stylesheets/desktop/invite-signup.scss
+++ /dev/null
@@ -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;
-  }
-}