src/components/Directory/CardViewDirectory.jsx

@@ -94,15 +94,14 @@ const CardViewDirectory = ({
           </div>
         </div>
 
-        <ul className="list-inline m-0 ps-4 d-flex align-items-start">
+        <ul className="list-inline m-0 ps-4">
-  <li className="list-inline-item me-1 small">
+          <li className="list-inline-item me-1" style={{ fontSize: "10px" }}>
             <i className="fa-solid fa-briefcase me-2"></i>
           </li>
-  <li className="list-inline-item text-break small">
+          <li className="list-inline-item text-small">
             {contact.organization}
           </li>
-</ul>
+        </ul>
-
       </div>
       <div
         className="card-footer text-start px-1 py-1"
@@ -115,16 +114,15 @@ const CardViewDirectory = ({
       >
         <hr className="my-0" />
         {contact.contactEmails[0] && (
-  <ul className="list-unstyled my-1 d-flex align-items-start">
+          <ul className="list-inline my-1  ">
-    <li className="me-2">
+            <li className="list-inline-item me-2">
-      <i className="bx bx-envelope bx-xs mt-1"></i>
+              <i className="bx bx-envelope bx-xs"></i>
             </li>
-    <li className="flex-grow-1 text-break small">
+            <li className="list-inline-item text-small">
-      {contact.contactEmails[0].emailAddress}
+              {contact.contactEmails[0]?.emailAddress}
             </li>
           </ul>
-)}
+        )}
-
 
         {contact.contactPhones[0] && (
           <ul className="list-inline m-0 ">

src/components/Directory/ProfileContactDirectory.jsx

@@ -58,22 +58,23 @@ const ProfileContactDirectory = ({ contact, setOpen_contact, closeModal }) => {
                 <div style={{ width: "100px", minWidth: "100px" }}>
                   <p className="m-0">Email:</p>
                 </div>
-                <div style={{ flex: 1 }}>
+                <div>
-                  <ul className="list-unstyled mb-0">
+                  <ul className="list-inline mb-0">
                     {contactProfile.contactEmails.map((email, idx) => (
-                      <li className="d-flex align-items-center mb-1" key={idx}>
+                      <li
-                        <i className="bx bx-envelope bx-xs me-1 mt-1"></i>
+                        className="list-inline-item me-3 d-flex align-items-center"
-                        <span className="me-1 flex-grow text-break overflow-wrap">
+                        key={idx}
-                          {email.emailAddress}
+                      >
-                        </span>
+                        <i className="bx bx-envelope bx-xs me-1"></i>
+                        <span className="me-2">{email.emailAddress}</span>
                         <i
-                          className={`bx bx-copy-alt cursor-pointer bx-xs text-start ${
+                          className={`bx bx-copy cursor-pointer ${
                             copiedIndex === idx
                               ? "text-secondary"
                               : "text-primary"
                           }`}
                           title={copiedIndex === idx ? "Copied!" : "Copy Email"}
-                          style={{ flexShrink: 0 }}
+                          style={{ fontSize: "16px" }}
                           onClick={() => handleCopy(email.emailAddress, idx)}
                         ></i>
                       </li>
@@ -106,24 +107,29 @@ const ProfileContactDirectory = ({ contact, setOpen_contact, closeModal }) => {
                 <div style={{ width: "100px", minWidth: "100px" }}>
                   <p className="m-0">Created : </p>
                 </div>
-                <div className="d-flex align-items-center">
+                <div>
+                  <ul className="list-inline mb-0">
                     <li className="list-inline-item">
                       <i className="bx bx-calendar-week bx-xs me-1"></i>
                       {moment(contactProfile.createdAt).format("MMMM, DD YYYY")}
                     </li>
+                  </ul>
                 </div>
               </div>
             )}
+
             {contactProfile?.address && (
               <div className="d-flex mb-2">
                 <div style={{ width: "100px", minWidth: "100px" }}>
-                  <p className="m-0">Location:</p>
+                  <p className="m-0">Location : </p>
                 </div>
-                <div className="d-flex align-items-center">
+                <div>
-                  <i className="bx bx-map bx-xs me-1 "></i>
+                  <ul className="list-inline mb-0">
-                  <span className="text-break small">
+                    <li className="list-inline-item">
-                    {contactProfile.address}
+                      <i className="bx bx-map bx-xs me-1"></i>
-                  </span>
+                      {contactProfile?.address}
+                    </li>
+                  </ul>
                 </div>
               </div>
             )}
@@ -135,12 +141,13 @@ const ProfileContactDirectory = ({ contact, setOpen_contact, closeModal }) => {
                 <div style={{ width: "100px", minWidth: "100px" }}>
                   <p className="m-0">Orgnization : </p>
                 </div>
-                <div className="d-flex align-items-center">
+                <div>
+                  <ul className="list-inline mb-0">
+                    <li className="list-inline-item">
                       <i className="fa-solid fa-briefcase me-2"></i>
-
-                  <span style={{ wordBreak: "break-word" }}>
                       {contactProfile.organization}
-                  </span>
+                    </li>
+                  </ul>
                 </div>
               </div>
             )}

src/components/Project/ProjectNav.jsx

@@ -76,7 +76,7 @@ const ProjectNav = ({ onPillClick, activePill }) => {
             <i className="bx bxs-file-image bx-sm me-1_5"></i> <span className="d-none d-md-inline">Image Gallary</span>
           </a>
         </li>
-        {(DirAdmin || DireManager || DirUser) && (
+        {DirAdmin || DireManager || DirUser && (
             <li className="nav-item">
           <a
             className={`nav-link ${activePill === "directory" ? "active" : ""}`}

src/components/common/TagInput.jsx

@@ -77,27 +77,6 @@ useEffect(() => {
       setTags((prev) => prev.slice(0, -1));
     }
   };
-  const handleInputKey = (e) => {
-  const key = e.key?.toLowerCase();
-
-  if ((key === "enter" || key === " " || e.code === "Space") && input.trim() !== "") {
-    e.preventDefault();
-    const existing = options.find(
-      (opt) => opt.name.toLowerCase() === input.trim().toLowerCase()
-    );
-    const newTag = existing
-      ? existing
-      : {
-          id: null,
-          name: input.trim(),
-          description: input.trim(),
-        };
-    addTag(newTag);
-  } else if ((key === "backspace" || e.code === "Backspace") && input === "") {
-    setTags((prev) => prev.slice(0, -1));
-  }
-};
-
 
   const handleSuggestionClick = (suggestion) => {
     addTag(suggestion);
@@ -143,7 +122,6 @@ useEffect(() => {
             value={input}
             onChange={(e) => setInput(e.target.value)}
             onKeyDown={handleInputKeyDown}
-              onKeyUp={handleInputKey}
             placeholder={placeholder}
             style={{
               border: "none",

src/components/common/TextEditor/Editor.css

@@ -1,5 +1,5 @@
 .editor-wrapper {
-  max-width: 100%;
+  max-width: 800px;
   margin: 1px auto;
   background: #fff;
   

src/pages/Directory/Directory.jsx

@@ -274,7 +274,7 @@ const handleDeleteContact = async (overrideId = null) => {
             setOpen_contact(null);
             setIsOpenModalNote(false);
           }}
-          size="xl"
+          size="lg"
         >
           {open_contact && (
             <ProfileContactDirectory