From 3c5cebedfe9c3cf420ce839b9813d691b543b6ef Mon Sep 17 00:00:00 2001
From: PhatPhuckDave <david.majdandzic@hotmail.com>
Date: Sat, 12 Jul 2025 12:41:48 +0200
Subject: [PATCH] Always show runtime

---
 src/components/JobCardDetails.tsx | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/components/JobCardDetails.tsx b/src/components/JobCardDetails.tsx
index 1a935a4..cb2866e 100644
--- a/src/components/JobCardDetails.tsx
+++ b/src/components/JobCardDetails.tsx
@@ -189,7 +189,7 @@ const JobCardDetails: React.FC<JobCardDetailsProps> = ({ job }) => {
           icon={<Calendar className="w-4 h-4" />}
         />
 
-        {job.status === 'Running' && job.runtime && job.runtime > 0 && (
+        {job.runtime && job.runtime > 0 && (
           <>
             <div className="flex items-center gap-2 text-sm text-gray-400">
               <Clock className="w-4 h-4" />
@@ -199,13 +199,17 @@ const JobCardDetails: React.FC<JobCardDetailsProps> = ({ job }) => {
               {formatDuration(job.runtime)}
             </div>
 
-            <div className="flex items-center gap-2 text-sm text-gray-400">
-              <Clock className="w-4 h-4" />
-              <span>Remaining:</span>
-            </div>
-            <div className="text-sm text-green-400">
-              {formatDuration(remainingTime)}
-            </div>
+            {job.status === 'Running' && (
+              <>
+                <div className="flex items-center gap-2 text-sm text-gray-400">
+                  <Clock className="w-4 h-4" />
+                  <span>Remaining:</span>
+                </div>
+                <div className="text-sm text-green-400">
+                  {formatDuration(remainingTime)}
+                </div>
+              </>
+            )}
           </>
         )}
       </div>