Refactor job card header layout
Adjust job card header width to fit content, aligning values.
This commit is contained in:
@@ -125,7 +125,7 @@ const JobCardDetails: React.FC<JobCardDetailsProps> = ({ job }) => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="flex-shrink-0">
|
<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">
|
<div className="flex items-center gap-2 text-sm text-gray-400">
|
||||||
<Factory className="w-4 h-4" />
|
<Factory className="w-4 h-4" />
|
||||||
<span>Job ID:</span>
|
<span>Job ID:</span>
|
||||||
@@ -235,7 +235,7 @@ const PriceDisplay: React.FC<PriceDisplayProps> = ({ job }) => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
return (
|
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">
|
<div className="flex items-center gap-2">
|
||||||
<Factory className="w-4 h-4" />
|
<Factory className="w-4 h-4" />
|
||||||
<span>Target Price:</span>
|
<span>Target Price:</span>
|
||||||
|
Reference in New Issue
Block a user