From dd8b4c8e94126b10955d986ca58ef776d5635829 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Tue, 8 Jul 2025 11:00:31 +0000
Subject: [PATCH] Refactor job card header layout

Adjust job card header width to fit content, aligning values.
---
 src/components/JobCardDetails.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/JobCardDetails.tsx b/src/components/JobCardDetails.tsx
index 76d6107..4a7b499 100644
--- a/src/components/JobCardDetails.tsx
+++ b/src/components/JobCardDetails.tsx
@@ -125,7 +125,7 @@ const JobCardDetails: React.FC<JobCardDetailsProps> = ({ job }) => {
 
   return (
     <div className="flex-shrink-0">
-      <div className="grid grid-cols-4 gap-x-4 gap-y-2">
+      <div className="grid gap-x-4 gap-y-2" style={{ gridTemplateColumns: 'auto 1fr auto 1fr' }}>
         <div className="flex items-center gap-2 text-sm text-gray-400">
           <Factory className="w-4 h-4" />
           <span>Job ID:</span>
@@ -235,7 +235,7 @@ const PriceDisplay: React.FC<PriceDisplayProps> = ({ job }) => {
   };
 
   return (
-    <div className="grid grid-cols-4 gap-x-4 gap-y-2 text-sm text-gray-400">
+    <div className="grid gap-x-4 gap-y-2 text-sm text-gray-400" style={{ gridTemplateColumns: 'auto 1fr auto 1fr' }}>
       <div className="flex items-center gap-2">
         <Factory className="w-4 h-4" />
         <span>Target Price:</span>