From a598d6c15f0b6f0fdb19ed6d99685d7c2c5ddafa Mon Sep 17 00:00:00 2001
From: PhatPhuckDave <david.majdandzic@hotmail.com>
Date: Sun, 6 Jul 2025 22:05:01 +0200
Subject: [PATCH] Move the BOM import/export to below the edit buttons

---
 src/components/JobCard.tsx | 84 +++++++++++++++++++-------------------
 1 file changed, 43 insertions(+), 41 deletions(-)

diff --git a/src/components/JobCard.tsx b/src/components/JobCard.tsx
index 0b865af..832293c 100644
--- a/src/components/JobCard.tsx
+++ b/src/components/JobCard.tsx
@@ -214,31 +214,6 @@ const JobCard: React.FC<JobCardProps> = ({
               <Badge className={`${getStatusColor(job.status)} text-white flex-shrink-0`}>
                 {job.status}
               </Badge>
-              <div className="flex gap-1 flex-shrink-0">
-                <Button 
-                  variant="ghost" 
-                  size="sm" 
-                  className="p-1 h-6 w-6"
-                  onClick={handleImportClick}
-                  title="Import BOM from clipboard"
-                >
-                  <Import className="w-4 h-4 text-blue-400" />
-                </Button>
-                <Button 
-                  variant="ghost" 
-                  size="sm" 
-                  className="p-1 h-6 w-6"
-                  onClick={handleExportClick}
-                  disabled={!job.billOfMaterials?.length}
-                  title="Export BOM to clipboard"
-                >
-                  {copyingBom ? (
-                    <Check className="w-4 h-4 text-green-400" />
-                  ) : (
-                    <Upload className="w-4 h-4 text-blue-400" />
-                  )}
-                </Button>
-              </div>
             </div>
             <p className="text-gray-400 text-sm">
               Quantity: {job.outputQuantity.toLocaleString()}
@@ -272,22 +247,49 @@ const JobCard: React.FC<JobCardProps> = ({
               </span>
             </p>
           </div>
-          <div className="flex gap-2 flex-shrink-0">
-            <Button
-              variant="outline"
-              size="sm"
-              onClick={handleEditClick}
-              className="border-gray-600 hover:bg-gray-800"
-            >
-              Edit
-            </Button>
-            <Button
-              variant="destructive"
-              size="sm"
-              onClick={handleDeleteClick}
-            >
-              Delete
-            </Button>
+          <div className="flex flex-col gap-2 flex-shrink-0">
+            <div className="flex gap-2">
+              <Button
+                variant="outline"
+                size="sm"
+                onClick={handleEditClick}
+                className="border-gray-600 hover:bg-gray-800"
+              >
+                Edit
+              </Button>
+              <Button
+                variant="destructive"
+                size="sm"
+                onClick={handleDeleteClick}
+              >
+                Delete
+              </Button>
+            </div>
+            <div className="flex gap-1 justify-end">
+              <Button 
+                variant="ghost" 
+                size="sm" 
+                className="p-1 h-6 w-6"
+                onClick={handleImportClick}
+                title="Import BOM from clipboard"
+              >
+                <Import className="w-4 h-4 text-blue-400" />
+              </Button>
+              <Button 
+                variant="ghost" 
+                size="sm" 
+                className="p-1 h-6 w-6"
+                onClick={handleExportClick}
+                disabled={!job.billOfMaterials?.length}
+                title="Export BOM to clipboard"
+              >
+                {copyingBom ? (
+                  <Check className="w-4 h-4 text-green-400" />
+                ) : (
+                  <Upload className="w-4 h-4 text-blue-400" />
+                )}
+              </Button>
+            </div>
           </div>
         </div>
       </CardHeader>