src/pages/employee/EmployeeList.jsx

@@ -372,33 +372,49 @@ const EmployeeList = () =>
                             Active
                           </span>
                         </td>
-                        {ManageEmployee && (
+                        <td className={`d-flex justify-content-end justify-content-sm-center ${!ManageEmployee && 'd-none'} `}>
-                          <td className="text-end">
+                          <div className="d-flex align-items-center ">
-                            <div className="dropdown">
+                            <a
-                              <button className="btn btn-icon dropdown-toggle hide-arrow" data-bs-toggle="dropdown">
+                              className={`btn btn-icon dropdown-toggle hide-arrow`}
+                              data-bs-toggle="dropdown"
+                            >
                               <i className="bx bx-dots-vertical-rounded bx-md"></i>
-                              </button>
+                            </a>
-                              <div className="dropdown-menu dropdown-menu-end">
+
-                                <button onClick={() => navigate(`/employee/${item.id}`)} className="dropdown-item">
+                            <div className="dropdown-menu dropdown-menu-end m-0">
+                              {" "}
+                              <a
+                               
+                                onClick={()=> navigate(`/employee/${item.id}`)}
+                                className="dropdown-item"
+                              >
                                 View
-                                </button>
+                              </a>
-                                <Link to={`/employee/manage/${item.id}`} className="dropdown-item">
+
+                              <Link
+                                className={`dropdown-item `}
+                                to={`/employee/manage/${item.id}`}
+                              >
                                 Edit
                               </Link>
-                                <button className="dropdown-item">Suspend</button>
+                             
-                                <button
+                              <a  className="dropdown-item">
+                                Suspend
+                              </a>
+                              <a
                                 className="dropdown-item"
                                 type="button"
                                 data-bs-toggle="modal"
                                 data-bs-target="#managerole-modal"
-                                  onClick={() => handleConfigData(item.id)}
+                                onClick={() => {
+                                  handleConfigData(item.id);
+                                }}
                               >
                                 Manage Role
-                                </button>
+                              </a>
                             </div>
                           </div>
                         </td>
-                        )}
                       </tr>
                     ) )}