Icon overlapping with text in text-box of Patient's Notes. ohcnetwork…

…#7586
Sulochan-khadka · Apr 11, 2024 · a1e1e68 · a1e1e68
1 parent d615772
commit a1e1e68
Showing 1 changed file with 25 additions and 21 deletions.
diff --git a/src/Components/Patient/PatientNotes.tsx b/src/Components/Patient/PatientNotes.tsx
@@ -104,27 +104,31 @@ const PatientNotes = (props: PatientNotesProps) => {
         />
 
         <div className="relative mx-4 flex items-center">
-          <TextFormField
-            name="note"
-            value={noteField}
-            onChange={(e) => setNoteField(e.value)}
-            className="grow"
-            type="text"
-            errorClassName="hidden"
-            placeholder="Type your Note"
-            disabled={!patientActive}
-          />
-          <ButtonV2
-            onClick={onAddNote}
-            border={false}
-            className="absolute right-2"
-            ghost
-            size="small"
-            disabled={!patientActive}
-            authorizeFor={NonReadOnlyUsers}
-          >
-            <CareIcon icon="l-message" className="text-lg" />
-          </ButtonV2>
+          <div className=" w-full px-12">
+            <TextFormField
+              name="note"
+              value={noteField}
+              onChange={(e) => setNoteField(e.value)}
+              className="grow"
+              type="text"
+              errorClassName="hidden"
+              placeholder="Type your Note"
+              disabled={!patientActive}
+            />
+          </div>
+          <div className="flex items-center">
+            <ButtonV2
+              onClick={onAddNote}
+              border={false}
+              className="absolute right-2"
+              ghost
+              size="small"
+              disabled={!patientActive}
+              authorizeFor={NonReadOnlyUsers}
+            >
+              <CareIcon icon="l-message" className="text-lg" />
+            </ButtonV2>
+          </div>
         </div>
       </div>
     </Page>