hide the title if there's a headline, add the reaction button to headline

templates/card.html

@@ -1,8 +1,8 @@
 <div class="col">
   <div class="card shadow-sm">
-    {% if this.title and this.title|length >= 1 %}
+    {% if this.title and this.title|length >= 1 and not this.headline %}
     <div class="card-header position-relative">
-      <span class="flex">{{ this.title }}</span>
+      {{ this.title }}
       <a
         href="#"
         class="btn btn-link float-end"
@@ -22,9 +22,18 @@
     />
 
     {% if this.description and this.description|length >= 1 %}
-    <div class="card-body">
+    <div class="card-body position-relative">
       {% if this.headline and this.headline|length >= 1 %}
       <h5 class="card-title">{{ this.headline }}</h5>
+      <a
+        href="#"
+        class="btn btn-link position-absolute bottom-1 end-0"
+        data-bs-toggle="tooltip"
+        data-bs-placement="top"
+        data-bs-title="Add a reaction"
+      >
+        <i class="bi-heart-fill text-danger"></i>
+      </a>
       {% endif %}
       <p class="card-text">{{ this.description }}</p>
     </div>