FIX: ensures height is correctly computed

FIX: ensures height is correctly computed

diff --git a/assets/javascripts/initializers/discourse-post-event-decorator.js.es6 b/assets/javascripts/initializers/discourse-post-event-decorator.js.es6
index 203f9c1..c8d3af6 100644
--- a/assets/javascripts/initializers/discourse-post-event-decorator.js.es6
+++ b/assets/javascripts/initializers/discourse-post-event-decorator.js.es6
@@ -21,14 +21,14 @@ function _attachWidget(api, cooked, eventModel) {
   const wrap = cooked.querySelector("[data-wrap=event]");
 
   if (eventModel && wrap) {
-    let widgetHeight = 175;
+    let widgetHeight = 165;
 
     if (eventModel.should_display_invitees) {
-      widgetHeight += 125;
+      widgetHeight += 120;
     }
 
     if (eventModel.can_update_attendance) {
-      widgetHeight += 65;
+      widgetHeight += 60;
     }
 
     const eventContainer = existing || document.createElement("div");
diff --git a/assets/stylesheets/common/discourse-post-event.scss b/assets/stylesheets/common/discourse-post-event.scss
index 1aebb35..42f1003 100644
--- a/assets/stylesheets/common/discourse-post-event.scss
+++ b/assets/stylesheets/common/discourse-post-event.scss
@@ -101,9 +101,11 @@
     display: flex;
     justify-content: space-between;
     align-items: center;
-    padding: 1em;
+    height: 60px;
+    padding: 0 1em;
 
     .event-status {
+      margin: 0;
       &.status-going {
         color: $success;
       }
@@ -121,8 +123,13 @@
   }
 
   .event-invitees {
-    padding: 1em;
+    display: flex;
+    height: 120px;
+    padding: 0 1em;
+    align-items: flex-start;
+    justify-content: center;
     overflow-y: auto;
+    flex-direction: column;
 
     .header {
       display: flex;
@@ -204,7 +211,8 @@
   .event-dates {
     display: flex;
     align-items: center;
-    padding: 1em;
+    padding: 0 1em;
+    height: 50px;
 
     .participants {
       margin-left: 0.5em;

GitHub sha: 50e72a55