From fe4eb80ed5bacf2e3192301db26e7f8fda1ad157 Mon Sep 17 00:00:00 2001
From: PhatPhuckDave <david.majdandzic@hotmail.com>
Date: Tue, 8 Jul 2025 13:20:27 +0200
Subject: [PATCH] Justify-center BABYYYYYYYYYY

---
 src/components/JobCardDetails.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/JobCardDetails.tsx b/src/components/JobCardDetails.tsx
index 1d8d6fe..9b76f67 100644
--- a/src/components/JobCardDetails.tsx
+++ b/src/components/JobCardDetails.tsx
@@ -282,16 +282,16 @@ const PriceDisplay: React.FC<PriceDisplayProps> = ({ job }) => {
 
   return (
     <div className="grid gap-x-4 gap-y-2 text-sm" style={{ gridTemplateColumns: '1fr 1fr' }}>
-      <div className="flex items-center gap-2 text-gray-400">
+      <div className="flex items-center gap-2 text-gray-400 justify-center">
         <Factory className="w-4 h-4" />
         <span>Target Price{taxSuffix}:</span>
       </div>
-      <div className="flex items-center gap-2 text-gray-400">
+      <div className="flex items-center gap-2 text-gray-400 justify-center">
         <DollarSign className="w-4 h-4" />
         <span>Break-even{taxSuffix}:</span>
       </div>
 
-      <div className="flex items-center gap-1 text-lg">
+      <div className="flex items-center gap-1 text-lg justify-center">
         <span
           className="cursor-pointer hover:text-blue-400 transition-colors inline-flex items-center gap-1 text-white"
           onClick={handleCopyTargetPrice}
@@ -302,7 +302,7 @@ const PriceDisplay: React.FC<PriceDisplayProps> = ({ job }) => {
           {copying === 'targetPrice' && <Copy className="w-3 h-3 text-green-400" />}
         </span>
       </div>
-      <div className="flex items-center gap-1 text-lg">
+      <div className="flex items-center gap-1 text-lg justify-center">
         <span
           className="cursor-pointer hover:text-yellow-400 transition-colors inline-flex items-center gap-1 text-white"
           onClick={handleCopyBreakEvenPrice}
@@ -314,16 +314,16 @@ const PriceDisplay: React.FC<PriceDisplayProps> = ({ job }) => {
         </span>
       </div>
 
-      <div className="flex items-center gap-2 text-gray-400">
+      <div className="flex items-center gap-2 text-gray-400 justify-center">
         <Factory className="w-4 h-4" />
         <span>Adjusted Target{taxSuffix}:</span>
       </div>
-      <div className="flex items-center gap-2 text-gray-400">
+      <div className="flex items-center gap-2 text-gray-400 justify-center">
         <DollarSign className="w-4 h-4" />
         <span>Adjusted Break-even{taxSuffix}:</span>
       </div>
-
-      <div className="flex items-center gap-1 text-lg">
+      
+      <div className="flex items-center gap-1 text-lg justify-center">
         <span
           className="cursor-pointer hover:text-blue-400 transition-colors inline-flex items-center gap-1 text-white"
           onClick={handleCopyAdjustedTargetPrice}
@@ -334,7 +334,7 @@ const PriceDisplay: React.FC<PriceDisplayProps> = ({ job }) => {
           {copying === 'adjustedTargetPrice' && <Copy className="w-3 h-3 text-green-400" />}
         </span>
       </div>
-      <div className="flex items-center gap-1 text-lg">
+      <div className="flex items-center gap-1 text-lg justify-center">
         <span
           className="cursor-pointer hover:text-yellow-400 transition-colors inline-flex items-center gap-1 text-white"
           onClick={handleCopyAdjustedBreakEvenPrice}