fix: add bottom margin overflow in hastags of event-cards (#5289)

Author: ShreyanshSrivastava

app/styles/partials/event-card.scss

@@ -1,5 +1,5 @@
 .event.card {
-  height: 355px;
+  height: auto;
 
   .header {
     height: 50px;
@@ -17,6 +17,17 @@
   }
 }
 
+.extra.content {
+
+  .hashtags {
+    display: block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    width: 90%;
+  }
+}
+
 .event.wide {
   border-radius: 0 !important;
   margin: 0 !important;

app/templates/components/event-card.hbs

@@ -34,7 +34,7 @@
       <span class="right floated">
         <i role="button" class="share alternate link icon" {{action this.shareEvent this.event}}></i>
       </span>
-      <span>
+      <span class="hashtags">
         {{#if hasBlock}}
           {{yield}}
         {{else}}