From d4bb7373f2cb606ffe2d27b2e5013429679d4a02 Mon Sep 17 00:00:00 2001
From: Kartik Sharma <kartik.sharma@marcoaiot.com>
Date: Mon, 17 Nov 2025 19:12:34 +0530
Subject: [PATCH] Adding Plus icon in Create Services.

---
 .../ServiceProject/ManageServiceProject.jsx   | 48 +++++++++++--------
 1 file changed, 27 insertions(+), 21 deletions(-)

diff --git a/src/components/ServiceProject/ManageServiceProject.jsx b/src/components/ServiceProject/ManageServiceProject.jsx
index 068434d2..10c2ed97 100644
--- a/src/components/ServiceProject/ManageServiceProject.jsx
+++ b/src/components/ServiceProject/ManageServiceProject.jsx
@@ -117,31 +117,37 @@ const ManageServiceProject = ({ serviceProjectId, onClose }) => {
             <Label htmlFor="name" required>
               Client
             </Label>
-            <select
-              className="select2 form-select form-select-sm"
-              aria-label="Default select example"
-              {...register("clientId", {
-                required: "Client is required",
-                valueAsNumber: false,
-              })}
-            >
-              {isLoading ? (
-                <option>Loading...</option>
-              ) : (
-                <>
-                  <option value="">Select Client</option>
-                  {organization?.data?.map((org) => (
-                    <option key={org.id} value={org.id}>
-                      {org.name}
-                    </option>
-                  ))}
-                </>
-              )}
-            </select>
+            <div className="d-flex align-items-center gap-2">
+              <select
+                className="select2 form-select form-select-sm flex-grow-1"
+                aria-label="Default select example"
+                {...register("clientId", {
+                  required: "Client is required",
+                  valueAsNumber: false,
+                })}
+              >
+                {isLoading ? (
+                  <option>Loading...</option>
+                ) : (
+                  <>
+                    <option value="">Select Client</option>
+                    {organization?.data?.map((org) => (
+                      <option key={org.id} value={org.id}>
+                        {org.name}
+                      </option>
+                    ))}
+                  </>
+                )}
+              </select>
+              <i
+                className="bx bx-plus-circle bx-xs cursor-pointer text-primary"
+              />
+            </div>
             {errors?.clientId && (
               <span className="danger-text">{errors.clientId.message}</span>
             )}
           </div>
+
           <div className="col-12 mb-2">
             <Label htmlFor="name" required>
               Project Name