From 86a9fc438218de66b38d78a276b2b73c51b5f852 Mon Sep 17 00:00:00 2001
From: PhatPhuckDave <david.majdandzic@hotmail.com>
Date: Wed, 9 Jul 2025 03:15:46 +0200
Subject: [PATCH] Move the fucking chart button left of the import button

WAS IT SO HARD!?
---
 src/components/JobCardHeader.tsx | 58 ++++++++++----------------------
 1 file changed, 18 insertions(+), 40 deletions(-)

diff --git a/src/components/JobCardHeader.tsx b/src/components/JobCardHeader.tsx
index 620c9d3..65c8b28 100644
--- a/src/components/JobCardHeader.tsx
+++ b/src/components/JobCardHeader.tsx
@@ -61,45 +61,10 @@ const JobCardHeader: React.FC<JobCardHeaderProps> = ({
             <span className="ml-4">
               Produced: <EditableProduced job={job} onUpdateProduced={onUpdateProduced} />
             </span>
-            <span className="ml-4 flex items-center gap-1">
+            <span className="ml-4 items-center gap-1">
               Sold: <span className="text-green-400">{itemsSold.toLocaleString()}</span>
-              <button 
-                className="text-gray-400 hover:text-blue-300 transition-colors" 
-                onClick={(e) => {
-                  e.stopPropagation();
-                  setOverviewChartOpen(true);
-                }}
-                data-no-navigate
-                title="View transaction charts"
-              >
-                <BarChart3 className="w-3 h-3" />
-              </button>
             </span>
           </div>
-          <div className="flex items-center gap-2 text-xs">
-            <span className="text-gray-400">Total Revenue</span>
-            <button 
-              className="text-gray-400 hover:text-blue-300 transition-colors" 
-              onClick={(e) => {
-                e.stopPropagation();
-                setTotalRevenueChartOpen(true);
-              }}
-              data-no-navigate
-            >
-              <BarChart3 className="w-3 h-3" />
-            </button>
-            <span className="text-gray-400 ml-2">Total Profit</span>
-            <button 
-              className="text-gray-400 hover:text-blue-300 transition-colors" 
-              onClick={(e) => {
-                e.stopPropagation();
-                setTotalProfitChartOpen(true);
-              }}
-              data-no-navigate
-            >
-              <BarChart3 className="w-3 h-3" />
-            </button>
-          </div>
         </div>
       </div>
       <div className="flex flex-col gap-2 flex-shrink-0 items-end">
@@ -123,23 +88,36 @@ const JobCardHeader: React.FC<JobCardHeaderProps> = ({
             Delete
           </Button>
         </div>
-        <BOMActions job={job} onImportBOM={onImportBOM} />
+        <div className="flex">
+          <button
+            className="text-gray-400 hover:text-blue-300 transition-colors px-2"
+            onClick={(e) => {
+              e.stopPropagation();
+              setOverviewChartOpen(true);
+            }}
+            data-no-navigate
+            title="View transaction charts"
+          >
+            <BarChart3 className="w-3 h-3" />
+          </button>
+          <BOMActions job={job} onImportBOM={onImportBOM} />
+        </div>
       </div>
-      
+
       <TransactionChart
         job={job}
         type="profit"
         isOpen={overviewChartOpen}
         onClose={() => setOverviewChartOpen(false)}
       />
-      
+
       <TransactionChart
         jobs={jobs}
         type="total-revenue"
         isOpen={totalRevenueChartOpen}
         onClose={() => setTotalRevenueChartOpen(false)}
       />
-      
+
       <TransactionChart
         jobs={jobs}
         type="total-profit"