From eaddc0641f99bbf35a1be8de51eeae6ac1103964 Mon Sep 17 00:00:00 2001
From: c0de <c0de@c0de.dev>
Date: Fri, 29 Dec 2023 17:50:33 -0600
Subject: [PATCH] hide the title if there's a headline, add the reaction button
 to headline

---
 templates/card.html | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/templates/card.html b/templates/card.html
index f2c9266..5b60734 100644
--- a/templates/card.html
+++ b/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>