Adjust hero header

Author: theskumar

hypha/templates/cotton/hero/header.html

@@ -1,6 +1,6 @@
 {% load i18n %}
 
-<section class="items-center md:flex md:justify-between">
+<section class="flex flex-col gap-4 items-center md:flex-row md:justify-between">
     <div x-data="{ showBackButton: {{ back_link|yesno:'true,false' }} || (window.history && window.history.length > 1) }">
         <a
             x-show="showBackButton"
@@ -13,7 +13,7 @@
         </a>
         <h1 class="mb-2 text-2xl font-medium md:m-0 md:text-3xl">{{ title }}</h1>
         {% if subtitle %}
-            <p class="max-w-3xl text-sm truncate text-fg-muted">{{ subtitle }}</p>
+            <p class="max-w-3xl text-sm text-fg-muted">{{ subtitle }}</p>
         {% endif %}
     </div>