From 9aaa83aa29e7758a6b35f44a37e1c1e223430b0d Mon Sep 17 00:00:00 2001
From: jjaffeux <j.jaffeux@gmail.com>
Date: Thu, 13 Aug 2020 16:29:32 +0200
Subject: [PATCH] UX: minor css tweaks

---
 .../discourse/widgets/discourse-post-event.js.es6           | 2 +-
 assets/stylesheets/common/discourse-post-event.scss         | 1 +
 assets/stylesheets/mobile/discourse-post-event.scss         | 6 ++++++
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/assets/javascripts/discourse/widgets/discourse-post-event.js.es6 b/assets/javascripts/discourse/widgets/discourse-post-event.js.es6
index b99ea775..7550614a 100644
--- a/assets/javascripts/discourse/widgets/discourse-post-event.js.es6
+++ b/assets/javascripts/discourse/widgets/discourse-post-event.js.es6
@@ -197,7 +197,7 @@ export default createWidget("discourse-post-event", {
               <span class="separator">·</span>
             {{/unless}}
             <span class="creators">
-              <span>{{i18n "discourse_post_event.event_ui.created_by"}}</span>
+              <span class="created-by">{{i18n "discourse_post_event.event_ui.created_by"}}</span>
               {{attach widget="discourse-post-event-creator" attrs=(hash user=state.eventModel.creator)}}
             </span>
           </div>
diff --git a/assets/stylesheets/common/discourse-post-event.scss b/assets/stylesheets/common/discourse-post-event.scss
index 14b7ca64..0e83bbbf 100644
--- a/assets/stylesheets/common/discourse-post-event.scss
+++ b/assets/stylesheets/common/discourse-post-event.scss
@@ -9,6 +9,7 @@
     flex-direction: column;
     flex: 1 0 auto;
     max-width: 100%;
+    box-sizing: border-box;
 
     .widget-dropdown {
       margin: 0;
diff --git a/assets/stylesheets/mobile/discourse-post-event.scss b/assets/stylesheets/mobile/discourse-post-event.scss
index 34e47027..0e56e79f 100644
--- a/assets/stylesheets/mobile/discourse-post-event.scss
+++ b/assets/stylesheets/mobile/discourse-post-event.scss
@@ -16,4 +16,10 @@
     right: -2px;
     bottom: -2px;
   }
+
+  .creators {
+    .created-by {
+      display: none;
+    }
+  }
 }