From 5bee273442b904ac35bfcc5ada1d20493ec7e121 Mon Sep 17 00:00:00 2001
From: Graham McIntire <graham@mcintire.me>
Date: Mon, 6 Apr 2026 09:03:44 -0500
Subject: [PATCH] Combine active jobs and completed cards on backfill dashboard

---
 lib/microwaveprop_web/live/backfill_live.ex | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/lib/microwaveprop_web/live/backfill_live.ex b/lib/microwaveprop_web/live/backfill_live.ex
index 505ce991..52b40309 100644
--- a/lib/microwaveprop_web/live/backfill_live.ex
+++ b/lib/microwaveprop_web/live/backfill_live.ex
@@ -309,16 +309,20 @@ defmodule MicrowavepropWeb.BackfillLive do
             <% end %>
           </div>
         </div>
-        <div class="bg-base-200 rounded-box p-4">
-          <div class="text-xs opacity-60">Active/Queued Jobs</div>
-          <div class="text-2xl font-bold">
-            {Enum.reduce(@stats.by_worker, 0, fn w, acc -> acc + w.total end)}
+        <div class="bg-base-200 rounded-box p-4 md:col-span-2">
+          <div class="flex gap-8">
+            <div>
+              <div class="text-xs opacity-60">Active/Queued Jobs</div>
+              <div class="text-2xl font-bold">
+                {Enum.reduce(@stats.by_worker, 0, fn w, acc -> acc + w.total end)}
+              </div>
+            </div>
+            <div>
+              <div class="text-xs opacity-60">Completed (last hour)</div>
+              <div class="text-2xl font-bold">{format_number(@stats.completed_1h)}</div>
+            </div>
           </div>
         </div>
-        <div class="bg-base-200 rounded-box p-4">
-          <div class="text-xs opacity-60">Completed (last hour)</div>
-          <div class="text-2xl font-bold">{@stats.completed_1h}</div>
-        </div>
       </div>
 
       <div class="bg-base-200 rounded-box p-4 mb-6">