Stylize teckids event

Stylizes the teckids_event-shortcode.

Adds possiblity for shortcode bodies.

templates/shortcodes/teckids_event.html

@@ -4,7 +4,7 @@
 <section class="section event-section">
   <div class="card event-card">
     <div class="card-content">
-      <div class="columns">
+      <div class="columns is-vcentered">
         <div class="column is-two-thirds event-info">
           <h3 class="title is-5">{{ event.display_name }}</h3>
           <p class="subtitle is-6">{{ event.description }}</p>
@@ -31,9 +31,14 @@
               </div>
             </div>
           </div>
+      {%if body %}
+      <div class="content">
+        {{ body|markdown|safe }}
+      </div>
+      {% endif %}
         </div>
         <div class="column is-one-third">
-          <div class="buttons are-responsive are-medium is-fullheight is-flex is-justify-content-space-between">
+          <div class="buttons are-responsive are-medium">
             <a class="button is-primary is-fullwidth is-justify-content-start"
               href="https://ticdesk.teckids.org/app/paweljong/event/{{ slug }}">
               <span class="icon"><i class="fa-regular fa-paper-plane"></i></span>
@@ -52,11 +57,6 @@
           </div>
         </div>
       </div>
-      {%if body %}
-      <div class="content">
-        {{ body|markdown|safe }}
-      </div>
-      {% endif %}
     </div>
   </div>
 </section>