Move the BOM import/export to below the edit buttons

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">
+          <div className="flex flex-col gap-2 flex-shrink-0">
-            <Button
+            <div className="flex gap-2">
-              variant="outline"
+              <Button
-              size="sm"
+                variant="outline"
-              onClick={handleEditClick}
+                size="sm"
-              className="border-gray-600 hover:bg-gray-800"
+                onClick={handleEditClick}
-            >
+                className="border-gray-600 hover:bg-gray-800"
-              Edit
+              >
-            </Button>
+                Edit
-            <Button
+              </Button>
-              variant="destructive"
+              <Button
-              size="sm"
+                variant="destructive"
-              onClick={handleDeleteClick}
+                size="sm"
-            >
+                onClick={handleDeleteClick}
-              Delete
+              >
-            </Button>
+                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>