From a380a7ab29c9572abee0e656d589e043f79e08f0 Mon Sep 17 00:00:00 2001
From: Kartik Sharma <kartik.sharma@marcoaiot.com>
Date: Mon, 22 Sep 2025 16:25:02 +0530
Subject: [PATCH] Changes in Choose Organization1 popup increase the space.

---
 src/components/Organization/AssignOrg.jsx | 14 +++++++-------
 src/components/common/Modal.jsx           |  4 ++--
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/Organization/AssignOrg.jsx b/src/components/Organization/AssignOrg.jsx
index a216560c..270fac0d 100644
--- a/src/components/Organization/AssignOrg.jsx
+++ b/src/components/Organization/AssignOrg.jsx
@@ -171,8 +171,8 @@ const AssignOrg = ({ setStep }) => {
           {flowType !== "default" && (
             <>
               {/* Organization Type */}
-              <div className="mb-1 text-start">
-                <Label htmlFor="organizationTypeId" required>
+              <div className="mb-3 text-start">
+                <Label htmlFor="organizationTypeId" className="mb-3 fw-semibold" required>
                   Organization Type
                 </Label>
                 <div className="d-flex flex-wrap gap-3 mt-1">
@@ -206,11 +206,11 @@ const AssignOrg = ({ setStep }) => {
 
               {/* Services */}
               <div className="mb-3">
-                <Label htmlFor="serviceIds" required>
+                <Label htmlFor="serviceIds" className="mb-3 fw-semibold" required>
                   Select Services
                 </Label>
                 {mergedServices?.map((service) => (
-                  <div key={service.id} className="form-check">
+                  <div key={service.id} className="form-check mb-3">
                     <input
                       type="checkbox"
                       value={service.id}
@@ -230,7 +230,7 @@ const AssignOrg = ({ setStep }) => {
           )}
 
           {/* Buttons: Always visible */}
-          <div className="d-flex justify-content-between mt-3">
+          <div className="d-flex justify-content-between mt-5">
             <button
               type="button"
               className="btn btn-xs btn-outline-secondary"
@@ -247,8 +247,8 @@ const AssignOrg = ({ setStep }) => {
               {isPending
                 ? "Please wait..."
                 : flowType === "default"
-                ? "Assign Organization"
-                : "Add"}
+                  ? "Assign Organization"
+                  : "Add"}
             </button>
           </div>
         </form>
diff --git a/src/components/common/Modal.jsx b/src/components/common/Modal.jsx
index be64e5cf..876ff0e8 100644
--- a/src/components/common/Modal.jsx
+++ b/src/components/common/Modal.jsx
@@ -27,9 +27,9 @@ const Modal = ({
         className={`modal-dialog modal-${size} modal-dialog-${position}`}
         role="document"
       >
-        <div className="modal-content  text-white shadow-lg">
+        <div className="modal-content text-white shadow-lg">
           {/* Header */}
-          <div className="modal-header pb-2 border-0">
+          <div className="modal-header justify-content-center pb-2 border-0">
             <h5 className="modal-title">{title}</h5>
             <button
               type="button"