From 983d8d60918fdb2a61818d47b53f1fe160427a4f Mon Sep 17 00:00:00 2001
From: pramod mahajan <pramod.mahajan@marcoaiot.com>
Date: Tue, 15 Jul 2025 13:13:29 +0530
Subject: [PATCH] Truncate long project short names to prevent overflow in
 project card

---
 src/components/Project/ProjectCard.jsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/Project/ProjectCard.jsx b/src/components/Project/ProjectCard.jsx
index 7ff4350b..37e47cfa 100644
--- a/src/components/Project/ProjectCard.jsx
+++ b/src/components/Project/ProjectCard.jsx
@@ -87,17 +87,18 @@ const ProjectCard = ({ projectData, recall }) => {
         <div className={`card cursor-pointer  ${isPending ? "bg-light opacity-50 pointer-events-none" : ""}`}>
           <div className="card-header pb-4">
             <div className="d-flex align-items-start">
-              <div className="d-flex align-items-center">
+              <div className="d-flex align-items-center ">
                 <div className="avatar me-4">
                   <i
                     className="rounded-circle bx bx-building-house"
                     style={{ fontSize: "xx-large" }}
                   ></i>
                 </div>
-                <div className="me-2">
+                <div className="me-2 text-wrap ">
                   <h5
-                    className="mb-0 stretched-link text-heading text-start"
-                    onClick={handleViewProject}
+                 className="mb-0 stretched-link text-heading text-start text-truncate"
+  onClick={handleViewProject}
+  style={{ maxWidth: "180px", display: "inline-block" }}
                   >
                     {projectInfo.shortName
                       ? projectInfo.shortName