From 7165129ac649d71656dc413905dd893ac0ee4a0e Mon Sep 17 00:00:00 2001
From: Mike Johnston <mike@nervesocket.com>
Date: Fri, 20 Mar 2026 00:06:29 -0400
Subject: [PATCH] feat: stack loot stats vertically on mobile and update start
 date display

---
 public/css/style.css            | 5 +++++
 src/views/admin/manage-hunt.ejs | 2 +-
 src/views/hunt/profile.ejs      | 2 +-
 src/views/loot/profile.ejs      | 2 +-
 src/views/loot/scanned.ejs      | 2 +-
 5 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/public/css/style.css b/public/css/style.css
index 9ec8968..1093704 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -742,6 +742,11 @@ tr:hover {
     display: none !important;
   }
 
+  /* Loot detail: stack stats vertically on mobile */
+  .loot-stats {
+    flex-direction: column;
+  }
+
   /* Package grid */
   .package-grid {
     grid-template-columns: 1fr;
diff --git a/src/views/admin/manage-hunt.ejs b/src/views/admin/manage-hunt.ejs
index 9fae487..fe951de 100644
--- a/src/views/admin/manage-hunt.ejs
+++ b/src/views/admin/manage-hunt.ejs
@@ -31,7 +31,7 @@
         <div class="label">Found</div>
       </div>
       <div class="stat-box">
-        <div class="value"><% if (hunt.start_date) { %><time datetime="<%= hunt.start_date %>"><%= new Date(hunt.start_date).toLocaleDateString() %></time><% } else { %>—<% } %></div>
+        <div class="value"><% if (hunt.start_date) { %><time datetime="<%= hunt.start_date %>"><%= new Date(hunt.start_date).toLocaleDateString() %></time><% } else { %>Now<% } %></div>
         <div class="label">Starts</div>
       </div>
       <div class="stat-box">
diff --git a/src/views/hunt/profile.ejs b/src/views/hunt/profile.ejs
index 1cf9448..7d39aed 100644
--- a/src/views/hunt/profile.ejs
+++ b/src/views/hunt/profile.ejs
@@ -2,7 +2,7 @@
 
 <div class="container">
   <div style="display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; margin-bottom: 1rem;">
-    <div>
+    <div style="min-width: 65%;">
       <h1 style="margin: 0;"><%= hunt.name %></h1>
       <span style="color: var(--muted); font-family: monospace;"><%= hunt.short_name %></span>
     </div>
diff --git a/src/views/loot/profile.ejs b/src/views/loot/profile.ejs
index 9c8b0e6..a55b125 100644
--- a/src/views/loot/profile.ejs
+++ b/src/views/loot/profile.ejs
@@ -11,7 +11,7 @@
       <div class="hunt-name"><a href="/hunt/<%= pkg.hunt_short_name %>"><%= pkg.hunt_name %></a></div>
     </div>
 
-    <div class="stats-row">
+    <div class="stats-row loot-stats">
       <div class="stat-box">
         <div class="value"><%= pkg.scan_count %></div>
         <div class="label">Total Scans</div>
diff --git a/src/views/loot/scanned.ejs b/src/views/loot/scanned.ejs
index 5b111ca..89f8be2 100644
--- a/src/views/loot/scanned.ejs
+++ b/src/views/loot/scanned.ejs
@@ -25,7 +25,7 @@
       <div class="hunt-name"><a href="/hunt/<%= pkg.hunt_short_name %>"><%= pkg.hunt_name %></a></div>
     </div>
 
-    <div class="stats-row">
+    <div class="stats-row loot-stats">
       <div class="stat-box">
         <div class="value"><%= pkg.scan_count %></div>
         <div class="label">Total Scans</div>