From 994f22e8c0404cb0a08ffe6f17639cec1b428d75 Mon Sep 17 00:00:00 2001
From: Kartik Sharma <kartik.sharma@marcoaiot.com>
Date: Sat, 20 Sep 2025 11:29:29 +0530
Subject: [PATCH] Changes in Infrastructure service dropdown.

---
 .../Project/Infrastructure/InfraTable.jsx           |  2 +-
 src/components/Project/ProjectInfra.jsx             | 13 +++----------
 2 files changed, 4 insertions(+), 11 deletions(-)

diff --git a/src/components/Project/Infrastructure/InfraTable.jsx b/src/components/Project/Infrastructure/InfraTable.jsx
index fb484f6e..77c6f905 100644
--- a/src/components/Project/Infrastructure/InfraTable.jsx
+++ b/src/components/Project/Infrastructure/InfraTable.jsx
@@ -143,7 +143,7 @@ const InfraTable = ({ buildings, projectId}) => {
   // }, [handler]);
 
   return (
-    <div>
+    <div className="px-6">
       {projectBuilding && projectBuilding.length > 0 && (
         <table className="table table-bordered">
           <tbody>
diff --git a/src/components/Project/ProjectInfra.jsx b/src/components/Project/ProjectInfra.jsx
index 86195381..0669c136 100644
--- a/src/components/Project/ProjectInfra.jsx
+++ b/src/components/Project/ProjectInfra.jsx
@@ -90,7 +90,7 @@ const ProjectInfra = ({ data, onDataChange, eachSiteEngineer }) => {
                   id="DataTables_Table_0_length"
                 >
                   {servicesLoading ? (
-                    <span>Loading...</span>
+                    <span></span>
                   ) : assignedServices?.length > 1 ? (
                     <label>
                       <select
@@ -111,18 +111,11 @@ const ProjectInfra = ({ data, onDataChange, eachSiteEngineer }) => {
                   ) : (
                     <div
                       style={{
-                        fontSize: "0.875rem",
-                        height: "32px",
-                        width: "190px",
-                        border: "1px solid #ced4da",
-                        borderRadius: "0.25rem",
-                        padding: "4px 8px",
-                        display: "flex",
-                        alignItems: "center",
+                        
                       }}
                     >
                       {assignedServices?.length === 1
-                        ? assignedServices[0].name
+                        ? <h5>{ assignedServices[0].name}</h5>
                         : "No service available"}
                     </div>
                   )}