fix: table columns

npm/ng-packs/packages/identity/src/lib/components/roles/roles.component.html

@@ -23,7 +23,7 @@
       /></label>
     </div>
     <p-table
-      *ngIf="[130, 200] as columnWidths"
+      *ngIf="[150, 0] as columnWidths"
       [value]="data$ | async"
       [abpTableSort]="{ key: sortKey, order: sortOrder }"
       [lazy]="true"
@@ -38,7 +38,7 @@
     >
       <ng-template pTemplate="colgroup">
         <colgroup>
-          <col *ngFor="let width of columnWidths" [ngStyle]="{ 'width.px': width }" />
+          <col *ngFor="let width of columnWidths" [ngStyle]="{ 'width.px': width || undefined }" />
         </colgroup>
       </ng-template>
       <ng-template pTemplate="emptymessage" let-columns>
@@ -65,7 +65,7 @@
       </ng-template>
       <ng-template pTemplate="body" let-data>
         <tr>
-          <td>
+          <td class="text-center">
             <div ngbDropdown container="body" class="d-inline-block">
               <button
                 class="btn btn-primary btn-sm dropdown-toggle"

npm/ng-packs/packages/identity/src/lib/components/users/users.component.html

@@ -29,7 +29,7 @@
       /></label>
     </div>
     <p-table
-      *ngIf="[130, 200, 200, 200] as columnWidths"
+      *ngIf="[150, 250, 250, 250] as columnWidths"
       [value]="data$ | async"
       [abpTableSort]="{ key: sortKey, order: sortOrder }"
       [lazy]="true"
@@ -44,7 +44,7 @@
     >
       <ng-template pTemplate="colgroup">
         <colgroup>
-          <col *ngFor="let width of columnWidths" [ngStyle]="{ 'width.px': width }" />
+          <col *ngFor="let width of columnWidths" [ngStyle]="{ 'width.px': width || undefined }" />
         </colgroup>
       </ng-template>
       <ng-template pTemplate="emptymessage" let-columns>
@@ -76,7 +76,7 @@
       </ng-template>
       <ng-template pTemplate="body" let-data>
         <tr>
-          <td>
+          <td class="text-center">
             <div ngbDropdown container="body" class="d-inline-block">
               <button
                 class="btn btn-primary btn-sm dropdown-toggle"

npm/ng-packs/packages/tenant-management/src/lib/components/tenants/tenants.component.html

@@ -30,7 +30,7 @@
       /></label>
     </div>
     <p-table
-      *ngIf="[130, 200] as columnWidths"
+      *ngIf="[150, 0] as columnWidths"
       [value]="data$ | async"
       [abpTableSort]="{ key: sortKey, order: sortOrder }"
       [lazy]="true"
@@ -45,7 +45,7 @@
     >
       <ng-template pTemplate="colgroup">
         <colgroup>
-          <col *ngFor="let width of columnWidths" [ngStyle]="{ 'width.px': width }" />
+          <col *ngFor="let width of columnWidths" [ngStyle]="{ 'width.px': width || undefined }" />
         </colgroup>
       </ng-template>
       <ng-template pTemplate="emptymessage" let-columns>
@@ -68,7 +68,7 @@
       </ng-template>
       <ng-template pTemplate="body" let-data>
         <tr>
-          <td>
+          <td class="text-center">
             <div ngbDropdown container="body" class="d-inline-block">
               <button
                 class="btn btn-primary btn-sm dropdown-toggle"