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(!data|| data.length === 0)return <div className="text-center py-12">No Contact Found</div>
+  if (isLoading) return <Loader />
+  if (!data || data.length === 0) return <div className="text-center py-12">No Contact Found</div>
   return (
     <>
       <ConfirmModal
@@ -167,11 +167,10 @@ const ListViewContact = ({ data, Pagination, isLoading }) => {
                             </div>
                           ) : (
                             <i
-                              className={`bx  ${
-                                isPending && activeContact === row.id
-                                  ? "bx-loader-alt bx-spin"
-                                  : "bx-recycle"
-                              } me-1 text-primary cursor-pointer`}
+                              className={`bx  ${isPending && activeContact === row.id
+                                ? "bx-loader-alt bx-spin"
+                                : "bx-recycle"
+                                } me-1 text-primary cursor-pointer`}
                               title="Restore"
                               onClick={() => {
                                 setActiveContact(row.id);
@@ -182,16 +181,15 @@ const ListViewContact = ({ data, Pagination, isLoading }) => {
                         </td>
                       </tr>
                     ))
-                  ) }
+                  )}
                 </tbody>
               </table>
-              {Pagination && (
-                <div className="d-flex justify-content-start">{Pagination}</div>
-              )}
             </div>
           )}
-         
         </div>
+        {Pagination && (
+          <div className="d-flex justify-content-start">{Pagination}</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}
@@ -386,8 +388,6 @@ const ExpenseList = ({ filters, groupBy = "transactionDate", searchText }) => {
                 onPageChange={paginate}
               />
             )}
-          </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"