public/assets/vendor/css/core.css

@@ -2553,7 +2553,7 @@ progress {
 }
 
 .table-responsive {
-  overflow-x: auto;
+  /* overflow-x: auto; */
   -webkit-overflow-scrolling: touch;
 }
 

src/assets/vendor/css/core.css

@@ -2436,7 +2436,7 @@ progress {
 }
 
 .table-responsive {
-  overflow-x: auto;
+  /* overflow-x: auto; */
   -webkit-overflow-scrolling: touch;
 }
 

src/pages/project/ProjectList.jsx

@@ -317,7 +317,7 @@ const ProjectList = () => {
 
        {listView ? (
   <div className="card cursor-pointer">
-            <div className="card-body p-2">
+    <div className="card-body p-2" style={{ minHeight: "200px" }}>
       <div className="table-responsive text-nowrap py-2">
         <table className="table m-3">
           <thead>
@@ -366,9 +366,7 @@ const ProjectList = () => {
                             checked={selectedStatuses.includes(id)}
                             onChange={() => handleStatusChange(id)}
                           />
-                                  <label className="form-check-label">
+                          <label className="form-check-label">{label}</label>
-                                    {label}
-                                  </label>
                         </div>
                       </li>
                     ))}
@@ -384,11 +382,22 @@ const ProjectList = () => {
               </th>
             </tr>
           </thead>
-                  <tbody className="table-border-bottom-0 overflow-auto ">
+          <tbody className="table-border-bottom-0" style={{ height: "200px" }}>
             {currentItems.length === 0 ? (
               <tr>
-                        <td colSpan="12" className="text-center py-4">
+                <td
-                          No projects found
+                  colSpan="12"
+                  className="text-center"
+                  style={{
+                    verticalAlign: "middle",
+                    height: "200px",
+                    paddingTop: 0,
+                    paddingBottom: 0,
+                  }}
+                >
+                  <div className="d-flex flex-column justify-content-center align-items-center h-100">
+                    <p className="mb-0">No projects found</p>
+                  </div>
                 </td>
               </tr>
             ) : (
@@ -402,8 +411,8 @@ const ProjectList = () => {
             )}
           </tbody>
         </table>
-              </div>{" "}
+      </div>
-            </div>{" "}
+    </div>
   </div>
 ) : (
   <div className="row">
@@ -441,11 +450,7 @@ const ProjectList = () => {
           </button>
         </li>
       ))}
-              <li
+      <li className={`page-item ${currentPage === totalPages && "disabled"}`}>
-                className={`page-item ${
-                  currentPage === totalPages && "disabled"
-                }`}
-              >
         <button
           className="page-link"
           onClick={() =>
@@ -458,6 +463,7 @@ const ProjectList = () => {
     </ul>
   </nav>
 )}
+
       </div>
     </>
   );