From 2e576b6d28900355c07c293c57ea5f719dd44e10 Mon Sep 17 00:00:00 2001
From: PhatPhuckDave <david.majdandzic@hotmail.com>
Date: Mon, 7 Jul 2025 19:24:03 +0200
Subject: [PATCH] Update JobCardHeader component to improve clarity and layout

- Change label from "Quantity" to "Runs" for better understanding.
- Adjust text alignment from right to left for the produced quantity display.
---
 src/components/JobCardHeader.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/JobCardHeader.tsx b/src/components/JobCardHeader.tsx
index 26766f0..5b34336 100644
--- a/src/components/JobCardHeader.tsx
+++ b/src/components/JobCardHeader.tsx
@@ -238,7 +238,7 @@ const JobCardHeader: React.FC<JobCardHeaderProps> = ({
           </CardTitle>
         </div>
         <p className="text-gray-400 text-sm">
-          Quantity: {job.outputQuantity.toLocaleString()}
+          Runs: {job.outputQuantity.toLocaleString()}
           <span className="ml-4">
             Produced: {
               isEditingProduced && job.status !== 'Closed' ? (
@@ -256,7 +256,7 @@ const JobCardHeader: React.FC<JobCardHeaderProps> = ({
               ) : (
                 <span
                   onClick={handleProducedClick}
-                  className={`inline-block w-20 h-5 leading-5 text-right ${job.status !== 'Closed' ? "cursor-pointer hover:text-blue-400" : ""}`}
+                  className={`inline-block w-20 h-5 leading-5 text-left ${job.status !== 'Closed' ? "cursor-pointer hover:text-blue-400" : ""}`}
                   title={job.status !== 'Closed' ? "Click to edit" : undefined}
                   data-no-navigate
                 >