From 5f6942c1f3616d43eec18a71d76baa0e55e1340b Mon Sep 17 00:00:00 2001
From: Jordan Vidrine <30537603+jordanvidrine@users.noreply.github.com>
Date: Tue, 3 Dec 2024 17:27:06 -0600
Subject: [PATCH] UX: Post event tweaks (#660)

---
 .../common/discourse-post-event.scss          | 14 ++++++------
 .../mobile/discourse-post-event.scss          | 22 -------------------
 2 files changed, 7 insertions(+), 29 deletions(-)

diff --git a/assets/stylesheets/common/discourse-post-event.scss b/assets/stylesheets/common/discourse-post-event.scss
index a3777405..eb6f7ab5 100644
--- a/assets/stylesheets/common/discourse-post-event.scss
+++ b/assets/stylesheets/common/discourse-post-event.scss
@@ -70,8 +70,7 @@ $show-interested: inherit;
     column-gap: 1em;
     display: flex;
     align-items: flex-start;
-    padding: 0.5em 1em;
-    margin-top: 0.5em;
+    padding: 0.75em;
 
     .more-dropdown {
       margin-left: auto;
@@ -140,8 +139,6 @@ $show-interested: inherit;
       max-width: 45vw;
       font-size: var(--font-up-2);
       font-weight: 400;
-      white-space: initial;
-      margin-bottom: 0.25rem;
     }
     .status-and-creators {
       display: flex;
@@ -157,6 +154,9 @@ $show-interested: inherit;
 
       .created-by {
         margin-right: 0.25em;
+        @media screen and (max-width: 450px) {
+          display: none;
+        }
       }
 
       .username {
@@ -195,13 +195,13 @@ $show-interested: inherit;
     display: flex;
     justify-content: space-between;
     align-items: center;
-    padding: 0.5em 1em;
+    padding: 0.75em;
     flex-wrap: wrap;
     border-top: 1px solid var(--primary-low);
 
     &.event-status {
       margin: 0;
-      gap: 0.5em;
+      gap: 0.75em;
       .btn {
         flex: 1;
       }
@@ -231,7 +231,7 @@ $show-interested: inherit;
   }
 
   .event-invitees {
-    height: 1.5em;
+    min-height: 1.75em;
     display: flex;
     align-items: flex-start;
     justify-content: center;
diff --git a/assets/stylesheets/mobile/discourse-post-event.scss b/assets/stylesheets/mobile/discourse-post-event.scss
index 9ea431f9..c5fdd2b9 100644
--- a/assets/stylesheets/mobile/discourse-post-event.scss
+++ b/assets/stylesheets/mobile/discourse-post-event.scss
@@ -3,12 +3,6 @@
     border-width: 1px;
   }
 
-  .event-header,
-  .event-actions,
-  .event-dates {
-    padding: 0 0.3em;
-  }
-
   .event-dates {
     .date {
       max-width: 75vw;
@@ -32,22 +26,6 @@
     font-size: var(--font-down-1);
   }
 
-  .event-invitees {
-    .show-all span {
-      width: max-content;
-    }
-
-    .event-invitees-avatars .topic-invitee-avatar .avatar-flair {
-      background: none;
-      border-radius: 50%;
-      height: 12px;
-      width: 12px;
-      border: none;
-      right: -2px;
-      bottom: -2px;
-    }
-  }
-
   .creators {
     .created-by {
       display: none;