fix update card styling

froide_govplan/templates/froide_govplan/plugins/updates.html

@@ -1,5 +1,18 @@
 {% load markup %}
 
+<style>
+  .govplan-update .card-body div.tight-margin {
+    flex-grow: 1;
+  }
+
+  .govplan-update .card-header h3 {
+    min-height: 2.4em;
+    display: flex;
+    align-items: flex-end;
+  }
+</style>
+
+<!-- Update tiles on start page -->
 {% if request.path == '/' %}
 
 <div class="py-5 bg-body-tertiary">
@@ -97,6 +110,7 @@
 
 </div>
 
+<!-- Update tiles on single page -->
 {% else %}
 
 <div class="py-3" style="margin-top: 1rem; margin-bottom: -2rem;">
@@ -106,7 +120,7 @@
   </p>
 </div>
 
-<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
+<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3 govplan-update">
   {% for update in updates %}
   <div class="col">
     <div class="card mb-4 rounded-3 shadow-sm">
@@ -119,9 +133,17 @@
         {% endif %}
         
         {% if show_context %}
-          <h3 class="h5 mt-0 ellipsis">{{ update.plan }}</h3>
+          <h3 class="h5 mt-0 ellipsis">
+            <span class="title-text">
+              {{ update.plan }}
+            </span>
+          </h3>
         {% else %}
-          <h3 class="h4 mt-0 ellipsis">{{ update.title }}</h3>
+          <h3 class="h4 mt-0 ellipsis">
+            <span class="title-text">
+              {{ update.title }}
+            </span>
+          </h3>
         {% endif %}
 
         <div class="small">