From 1a7636ad82a65ab6060802161f599e5f998a1e18 Mon Sep 17 00:00:00 2001
From: Pramod Mahajan <pramodmahajan1411200@gmail.com>
Date: Tue, 20 May 2025 18:13:22 +0530
Subject: [PATCH] Replaced buttons with icon-only UI for cleaner layout and
 smaller size

---
 src/components/Directory/UpdateContact.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Directory/UpdateContact.jsx b/src/components/Directory/UpdateContact.jsx
index e1a07c16..03ae906c 100644
--- a/src/components/Directory/UpdateContact.jsx
+++ b/src/components/Directory/UpdateContact.jsx
@@ -245,7 +245,7 @@ await submitContact({ ...cleaned, id: existingContact.id });
                         
                       //   style={{ width: "24px", height: "24px" }}
                       // >
-                        <i className="bx bx-plus-circle bx-xs ms-1 cursor-pointer" onClick={handleAddEmail}/>
+                        <i className="bx bx-plus-circle bx-xs ms-1 cursor-pointer text-primary" onClick={handleAddEmail}/>
                  
                     ) : (
                       // <button
@@ -254,7 +254,7 @@ await submitContact({ ...cleaned, id: existingContact.id });
                       //   onClick={() => removeEmail(index)}
                       //   style={{ width: "24px", height: "24px" }}
                       // >
-                        <i className="bx bx-minus-circle bx-xs ms-1 cursor-pointer" />
+                        <i className="bx bx-minus-circle bx-xs ms-1 cursor-pointer text-danger" onClick={() => removeEmail(index)}/>
               
                     )}
                   </div>
@@ -305,7 +305,7 @@ await submitContact({ ...cleaned, id: existingContact.id });
                       //   onClick={handleAddPhone}
                       //   style={{ width: "24px", height: "24px" }}
                       // >
-                        <i className="bx bx-plus-circle bx-xs ms-1 cursor-pointer" onClick={handleAddPhone} />
+                        <i className="bx bx-plus-circle bx-xs ms-1 cursor-pointer text-primary" onClick={handleAddPhone} />
                     ) : (
                       // <button
                       //   type="button"
@@ -313,7 +313,7 @@ await submitContact({ ...cleaned, id: existingContact.id });
                       //   onClick={() => removePhone(index)}
                       //   style={{ width: "24px", height: "24px" }}
                       // >
-                        <i className="bx bx-minus-circle bx-xs ms-1 cursor-pointer" onClick={() => removePhone(index)} />
+                        <i className="bx bx-minus-circle bx-xs ms-1 cursor-pointer text-danger" onClick={() => removePhone(index)} />
                     )}
                   </div>
                   {errors.contactPhones?.[index]?.phoneNumber && (