KNOX-3224: Styled paginator on token management UI

Author: hanicz

knox-token-management-ui/token-management/app/tokenmanagement/token.management.component.css

@@ -45,4 +45,43 @@
 
 .reduce-icon-size {
    transform: scale(0.65);
+}
+
+::ng-deep .mat-mdc-paginator {
+    padding: 8px 12px;
+    min-height: 48px;
+    font-size: 13px;
+}
+
+::ng-deep .mat-mdc-paginator .mat-mdc-icon-button {
+    width: 36px;
+    height: 36px;
+}
+
+::ng-deep .mat-mdc-paginator .mat-mdc-select {
+    margin: 0 8px;
+    min-width: 56px;
+}
+
+::ng-deep div.mat-mdc-select-panel {
+  background-color: white !important;
+}
+
+::ng-deep .mat-mdc-paginator .mat-mdc-select .mat-mdc-select-value {
+    color: #333;
+    font-size: 13px;
+}
+
+::ng-deep .mat-mdc-paginator .mat-mdc-select .mat-mdc-select-arrow {
+    color: #666;
+}
+
+::ng-deep .mat-mdc-paginator .mat-mdc-select-trigger {
+    padding: 4px 8px;
+    border-radius: 4px;
+    border: 1px solid #ddd;
+}
+
+::ng-deep .mdc-notched-outline > * {
+  border: none !important;
 }