UI changes in attendance, listview Directory, ExpenseList, Project Page at mobile view.

src/components/Activities/Attendance.jsx

@@ -227,9 +227,6 @@ const Attendance = ({ getRole, handleModalData, searchTerm, projectId, organizat
                   )}
                 </tbody>
               </table>
-
-
-
             </>
           ) : (
             <div

src/components/Directory/ListViewContact.jsx

@@ -86,8 +86,8 @@ const ListViewContact = ({ data, Pagination, isLoading }) => {
     ActiveInActive({ contactId: contactId, contactStatus: !showActive });
   };
 
-  if(isLoading) return <Loader/>
+  if (isLoading) return <Loader />
-  if(!data|| data.length === 0)return <div className="text-center py-12">No Contact Found</div>
+  if (!data || data.length === 0) return <div className="text-center py-12">No Contact Found</div>
   return (
     <>
       <ConfirmModal
@@ -167,8 +167,7 @@ const ListViewContact = ({ data, Pagination, isLoading }) => {
                             </div>
                           ) : (
                             <i
-                              className={`bx  ${
+                              className={`bx  ${isPending && activeContact === row.id
-                                isPending && activeContact === row.id
                                 ? "bx-loader-alt bx-spin"
                                 : "bx-recycle"
                                 } me-1 text-primary cursor-pointer`}
@@ -182,17 +181,16 @@ const ListViewContact = ({ data, Pagination, isLoading }) => {
                         </td>
                       </tr>
                     ))
-                  ) }
+                  )}
                 </tbody>
               </table>
+            </div>
+          )}
+        </div>
         {Pagination && (
           <div className="d-flex justify-content-start">{Pagination}</div>
         )}
       </div>
-          )}
-         
-        </div>
-      </div>
     </>
   );
 };

src/components/Expenses/ExpenseList.jsx

@@ -379,6 +379,8 @@ const ExpenseList = ({ filters, groupBy = "transactionDate", searchText }) => {
                 )}
               </tbody>
             </table>
+          </div>
+        </div>
             {data?.data?.length > 0 && (
               <Pagination
                 currentPage={currentPage}
@@ -387,8 +389,6 @@ const ExpenseList = ({ filters, groupBy = "transactionDate", searchText }) => {
               />
             )}
       </div>
-        </div>
-      </div>
     </>
   );
 };

src/pages/project/ProjectPage.jsx

@@ -193,7 +193,7 @@ const ProjectPage = () => {
                 </div>
               </div>
 
-              <div>
+              <div className="col-12 col-md-6 col-lg-8 text-end">
                 {/* {HasManageProject && (  */}
                 <button
                   className="btn btn-sm btn-primary"