feat: update hunt title styling and ensure minimum width for better layout

public/css/style.css

@@ -456,6 +456,10 @@ tr:hover {
   color: var(--primary);
 }
 
+.hunt-title {
+  min-width: 24em;
+}
+
 .package-hero .hunt-name {
   font-size: 1.2rem;
   color: var(--muted);
@@ -747,6 +751,10 @@ tr:hover {
     flex-direction: column;
   }
 
+  .hunt-title {
+    min-width: 10em;
+  }
+
   /* Package grid */
   .package-grid {
     grid-template-columns: 1fr;

src/views/hunt/profile.ejs

@@ -2,8 +2,8 @@
 
 <div class="container">
   <div style="display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; margin-bottom: 1rem;">
-    <div style="min-width: 65%;">
-      <h1 style="margin: 0;"><%= hunt.name %></h1>
+    <div>
+      <h1 class="hunt-title" style="margin: 0;"><%= hunt.name %></h1>
       <span style="color: var(--muted); font-family: monospace;"><%= hunt.short_name %></span>
     </div>
     <div style="display: flex; gap: 0.5rem;">