more compact and more compliant(?) titles bars

templates/card.html

@@ -1,6 +1,6 @@
 <div class="col">
   <div class="card shadow-sm">
-    <div class="card-header">
+    <div class="card-header position-relative">
       <span class="flex">{{ this.title }}</span>
       <a
         href="#"
@@ -9,7 +9,7 @@
         data-bs-placement="top"
         data-bs-title="Add a reaction"
       >
-        <i class="bi-heart-fill text-end" style="font-size: 1rem; color: pink;"></i>
+        <i class="bi-heart-fill position-absolute translate-middle top-50 end-1 text-danger"></i>
       </a>
     </div>