WEB-673 Create a Tasks sections just like it was available in the legacy Mifos Community App (#3106)

src/app/tasks/checker-inbox-and-tasks-tabs/checker-inbox/checker-inbox.component.scss

@@ -10,14 +10,93 @@
   padding: 1%;
   margin: 1%;
 
-  .mat-raised-button.mat-success {
-    color: #fff;
-    background-color: #008000ab;
+  ::ng-deep mat-form-field {
+    width: 280px;
+    min-width: 280px;
+    max-width: 280px;
+
+    .mat-mdc-form-field-subscript-wrapper {
+      height: 0;
+      min-height: 0;
+    }
+
+    .mat-mdc-text-field-wrapper {
+      margin-bottom: 0;
+      width: 100%;
+    }
+
+    .mat-mdc-form-field-flex {
+      width: 100%;
+    }
+
+    .mat-mdc-form-field-infix {
+      padding-top: 8px;
+      padding-bottom: 8px;
+      min-height: 48px;
+    }
+
+    input {
+      height: 48px;
+      width: 100%;
+    }
   }
 
-  .mat-raised-button.mat-reject {
-    color: #fff;
-    background-color: #ffca00;
+  ::ng-deep .mat-mdc-select {
+    width: 100%;
+  }
+
+  ::ng-deep .mat-mdc-select-trigger {
+    width: 100%;
+    height: 48px;
+    display: flex;
+    align-items: center;
+  }
+
+  button.mat-mdc-raised-button {
+    height: 48px;
+    line-height: 48px;
+    padding: 0 16px;
+    min-height: 48px;
+  }
+
+  button.mat-mdc-icon-button {
+    width: 48px;
+    height: 48px;
+    padding: 0;
+  }
+
+  button.mat-mdc-raised-button.btn-success {
+    color: #000 !important;
+    background-color: #fff !important;
+  }
+
+  button.mat-mdc-raised-button.btn-reject {
+    color: #000 !important;
+    background-color: #fff !important;
+  }
+
+  /* ---------- SEARCH & LAYOUT ---------- */
+  .search-row {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 16px;
+  }
+
+  .search-field {
+    width: 280px;
+    min-width: 280px;
+    max-width: 280px;
+    margin: 0;
+    flex: 0 0 280px;
+  }
+
+  .advanced-search-container {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 16px;
+    margin-bottom: 16px;
+    align-items: flex-start;
   }
 
   #search-button {
@@ -25,6 +104,14 @@
     margin-top: 1rem;
   }
 
+  .icon-button {
+    margin: 0;
+  }
+
+  .action-button {
+    margin: 0;
+  }
+
   .view-details {
     cursor: pointer;
   }