From 371a27c9f02b2ba4969970aa01b7aa71659d319f Mon Sep 17 00:00:00 2001
From: Abhishek <abhi161511@gmail.com>
Date: Tue, 15 Oct 2024 20:01:05 +0530
Subject: [PATCH] Increase width of medical history details text area in
 patient registration form for mobile view #8763

---
 src/Components/Patient/PatientRegister.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Components/Patient/PatientRegister.tsx b/src/Components/Patient/PatientRegister.tsx
index 58a882d184d..e21c13a7398 100644
--- a/src/Components/Patient/PatientRegister.tsx
+++ b/src/Components/Patient/PatientRegister.tsx
@@ -862,7 +862,7 @@ export const PatientRegister = (props: PatientRegisterProps) => {
     const checkboxField = `medical_history_check_${id}`;
     const textField = `medical_history_${id}`;
     return (
-      <div key={textField}>
+      <div key={textField} className="w-full md:w-auto">
         <div>
           <CheckBoxFormField
             value={(field("medical_history").value ?? []).includes(id)}
@@ -872,7 +872,7 @@ export const PatientRegister = (props: PatientRegisterProps) => {
           />
         </div>
         {id !== 1 && (field("medical_history").value ?? []).includes(id) && (
-          <div className="mx-4">
+          <div className="mx-4 flex flex-col">
             <TextAreaFormField
               {...field(textField)}
               placeholder="Details"