From 2b7ac96472c63ae58372bf2bf1ea53910155ca3c Mon Sep 17 00:00:00 2001
From: "soroush.asadi" <soroush.asadi@aliasaas.com>
Date: Sun, 21 Jun 2026 20:32:16 +0330
Subject: [PATCH] Fix cramped job cards on facility detail page
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The facility detail page used .layout-2 (sidebar-first, 270px + 1fr), but its MAIN content (the
shift/job cards) is the first child — so it was forced into the 270px column while the facility-info
sidebar took the wide 1fr, squeezing job cards into a one-word-per-line strip. Switch to
.detail-grid (content 1fr first, sidebar 340px second), matching the shift/job detail pages, so the
cards get the wide column. Became visible once facilities started carrying many openings.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/JobsMedical.Web/Pages/Facilities/Details.cshtml | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/JobsMedical.Web/Pages/Facilities/Details.cshtml b/src/JobsMedical.Web/Pages/Facilities/Details.cshtml
index 4d4729a..17215ed 100644
--- a/src/JobsMedical.Web/Pages/Facilities/Details.cshtml
+++ b/src/JobsMedical.Web/Pages/Facilities/Details.cshtml
@@ -31,7 +31,9 @@
 <div class="container section">
     @if (Model.Reported) { <div class="alert alert-success">✓ گزارش شما ثبت شد. متشکریم.</div> }
 
-    <div class="layout-2">
+    @* detail-grid = content(1fr) + sidebar(340px); the content div is first, so it gets the wide
+       column. (layout-2 is sidebar-first/270px and was squeezing the job cards into a narrow strip.) *@
+    <div class="detail-grid">
         <div>
             @if (Model.Shifts.Count == 0 && Model.Jobs.Count == 0)
             {