From 6c3285f624f4f50b6663db35272ed1cb7ef8ecb7 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Wed, 31 Dec 2025 08:54:15 +0700
Subject: [PATCH] refactor(FE-441): Make recording metrics grid responsive

---
 .../pages/production/recording/form/RecordingForm.tsx       | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/pages/production/recording/form/RecordingForm.tsx b/src/components/pages/production/recording/form/RecordingForm.tsx
index 552cd98f..1501ed62 100644
--- a/src/components/pages/production/recording/form/RecordingForm.tsx
+++ b/src/components/pages/production/recording/form/RecordingForm.tsx
@@ -1541,10 +1541,10 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
           {/* FCR & Mortality Metrics - Detail View Only */}
           {type === 'detail' && initialValues && (
             <div
-              className={`grid gap-6 mb-6 ${
+              className={`grid gap-6 mb-6 grid-cols-1 ${
                 initialValues.project_flock_category === 'LAYING'
-                  ? 'grid-cols-3'
-                  : 'grid-cols-2'
+                  ? 'xl:grid-cols-3'
+                  : 'xl:grid-cols-2'
               }`}
             >
               {/* FCR Section */}