slicing design baru

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

@@ -90,6 +90,7 @@ input[type="month"]::-webkit-calendar-picker-indicator {
 }
 
 
+/* table */
 :host
   ::ng-deep
   .ngx-datatable.bootstrap
@@ -363,7 +364,7 @@ input[type="month"]::-webkit-calendar-picker-indicator {
   ul
   li:not(.disabled):hover
   a {
-  background-color: #252525;
+  background-color: #37A647;
   font-weight: bold;
   color: white;
 }

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"