article card layout improvement, program image fix

main/templates/main/includes/molecules/articles/article_timeline_preview.html

@@ -16,7 +16,7 @@
     >
   </a>
 
-  <div class="flex flex-col px-8 pb-6 pt-5">
+  <div class="flex flex-col px-8 pb-6 pt-5 h-full">
     <div class="text-xl text-grey-350 mb-2">
       {{ article.date }}
     </div>
@@ -29,12 +29,14 @@
       {% include 'main/includes/molecules/tags/inline_tags.html' with tags=article.get_tags %}
     </div>
 
-    <p class="mb-8 text-lg">
-      {{ article.perex }}
-    </p>
+    <div class="flex flex-col justify-between h-full">
+      <p class="mb-8 text-lg">
+        {{ article.perex }}
+      </p>
 
-    <div class="flex justify-end">
-      {% include 'main/includes/atoms/buttons/round_button.html' with url=article.url button_text='Číst dále' %}
+      <div class="flex justify-end">
+        {% include 'main/includes/atoms/buttons/round_button.html' with url=article.url button_text='Číst dále' %}
+      </div>
     </div>
   </div>
 </div>

main/templates/main/includes/molecules/blocks/icon_title_text_block.html

@@ -6,7 +6,7 @@
 {% else %}
   <div
 {% endif %}
-    class="hover:no-underline mb-12 flex gap-3 max-w-4xl"
+    class="hover:no-underline mb-12 flex gap-3 max-w-4xl items-start"
   >
 
     {% if icon %}
@@ -24,9 +24,9 @@
       <h3 class="font-alt mb-4 text-4xl">
         {{ title }}
       </h3>
-      <p class="leading-6">
+      <div class="prose">
         {{ text|richtext }}
-      </p>
+      </div>
     </div>
 
 </{% if url %}a{% else %}div{% endif %}>