From 7381ecd12eb8ae1ac1661b0f01de5d301e3d16e4 Mon Sep 17 00:00:00 2001
From: Aaron Roberts <aaronroberts@Aarons-MacBook-Air.local>
Date: Tue, 9 Jun 2026 18:05:09 +0100
Subject: [PATCH] Increase image display size to 60% of the split layout

Change image/text column ratio from 50/50 to 60/40 (3fr 2fr) on both
the New Job result view and the Browse Jobs detail view.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/App.jsx                  | 2 +-
 frontend/src/components/JobsPanel.jsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 3be8e74..4839366 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -240,7 +240,7 @@ function App() {
               style={{ height: 'calc(100vh - 9.5rem)' }}
             >
               {/* Image + Text */}
-              <div className="grid grid-cols-2 gap-6 flex-1 min-h-0">
+              <div className="grid gap-6 flex-1 min-h-0" style={{ gridTemplateColumns: '3fr 2fr' }}>
                 {imagePreview && typeof imagePreview === 'string' ? (
                   <div className="glass rounded-2xl overflow-hidden flex items-center justify-center bg-black/20 min-h-0">
                     <img
diff --git a/frontend/src/components/JobsPanel.jsx b/frontend/src/components/JobsPanel.jsx
index 0e4a9ec..23b3040 100644
--- a/frontend/src/components/JobsPanel.jsx
+++ b/frontend/src/components/JobsPanel.jsx
@@ -142,7 +142,7 @@ function JobDetail({ jobId, onClose, onReviewed }) {
       {job && !loading && (
         <>
           {/* Image + Text */}
-          <div className="grid grid-cols-2 gap-6 flex-1 min-h-0">
+          <div className="grid gap-6 flex-1 min-h-0" style={{ gridTemplateColumns: '3fr 2fr' }}>
             <div className="glass rounded-2xl overflow-hidden flex items-center justify-center bg-black/20 min-h-0">
               <img
                 src={`${API_BASE}/jobs/${job.id}/image`}