From 0db0edec1ab7e904f80e9ace77b2ae53e7077be4 Mon Sep 17 00:00:00 2001
From: Kartik Sharma <kartik.sharma@marcoaiot.com>
Date: Fri, 5 Sep 2025 11:19:35 +0530
Subject: [PATCH] Masters Popup all heading show in Center align.

---
 src/components/master/MasterModal.jsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/components/master/MasterModal.jsx b/src/components/master/MasterModal.jsx
index 0a472727..fcad449a 100644
--- a/src/components/master/MasterModal.jsx
+++ b/src/components/master/MasterModal.jsx
@@ -119,17 +119,22 @@ const MasterModal = ({ modaldata, closeModal }) => {
       <div className={`modal-dialog mx-sm-auto mx-1 ${isLargeModal ? "modal-lg" : "modal-md"} modal-simple`}>
         <div className="modal-content">
           <div className="modal-body p-sm-4 p-0">
-            <div className="d-flex justify-content-between">
-              <h6>{modaldata?.modalType}</h6>
+            {/* ✅ Centered Heading */}
+            <div className="d-flex justify-content-between align-items-center">
+              <h5 className="modal-title w-100 text-center mb-0">
+                {modaldata?.modalType}
+              </h5>
               <button
                 type="button"
-                className="btn-close"
+                className="btn-close position-absolute end-0 me-3"
                 data-bs-dismiss="modal"
                 aria-label="Close"
                 onClick={closeModal}
               />
             </div>
-            {renderModalContent()}
+
+            {/* ✅ Render Modal Body */}
+            <div className="mt-3">{renderModalContent()}</div>
           </div>
         </div>
       </div>