Justify-center BABYYYYYYYYYY

This commit is contained in:
2025-07-08 13:20:27 +02:00
parent 335bbc3bab
commit fe4eb80ed5

View File

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