slicing design baru

src/app/content/hemat-app/cost-management/cost-management.component.html

@@ -113,19 +113,20 @@
                       class="btn btn-outline-success"
                       (click)="doFilter()"
                       style="
-                        background-color: #DDE1E6 !important;
-                        border-color: #DDE1E6 !important;
+                        background-color: #37A647 !important;
+                        border-color: #37A647 !important;
+                        color: #ffffff;
                       "
                       [disabled]="spinnerFilterActive"
                     >
                       <i
                         class="la la-search"
-                        style="color: #242222 !important"
+                        style="color: #ffffff !important"
                         *ngIf="!spinnerFilterActive"
                       ></i>
                       <i
                         class="la la-spinner spinner"
-                        style="color: #242222 !important"
+                        style="color: #ffffff !important"
                         *ngIf="spinnerFilterActive"
                       ></i>
                     </button>
@@ -250,7 +251,7 @@
               <div class="card-dashboard">
                 <ngx-datatable
                   class="bootstrap table-bordered"
-                  [limit]="5"
+                  [limit]="10"
                   [rows]="data_cost"
                   [columnMode]="'force'"
                   [headerHeight]="50"