Fixed stylings #1.1.0.rc4

kdb-web/src/app/modules/shared/base/multi-select-columns/multi-select-columns.component.ts

@@ -23,7 +23,7 @@ export class MultiSelectColumnsComponent {
   }
 
   get visibleHiddenColumns(): Column[] {
-    return this._hiddenColumns.filter(x => x.key.startsWith(`${this.table}_`));
+    return this._hiddenColumns.filter(x => x.key?.startsWith(`${this.table}_`));
   }
 
   @Output() hiddenColumnsChange: EventEmitter<Column[]> = new EventEmitter<Column[]>();

kdb-web/src/app/modules/view/server/members/members.component.html

@@ -3,7 +3,7 @@
 </h1>
 <div class="content-wrapper">
   <div class="content">
-    <p-table #dt [value]="members" [responsive]="true"  responsiveLayout="stack" [breakpoint]="'720px'" dataKey="id" editMode="row" [rowHover]="true" [rows]="10"
+    <p-table #dt [value]="members" [responsive]="true" responsiveLayout="stack" [breakpoint]="'720px'" dataKey="id" editMode="row" [rowHover]="true" [rows]="10"
              [rowsPerPageOptions]="[10,25,50]" [paginator]="true" [loading]="loading" [totalRecords]="totalRecords"
              [lazy]="true" (onLazyLoad)="nextPage($event)">
 
@@ -167,9 +167,7 @@
           <td hideable-th="xp" [parent]="this">
             <p-cellEditor>
               <ng-template pTemplate="input">
-                <p-inputNumber class="table-edit-input" styleClass="input-number" [(ngModel)]="member.xp" mode="decimal" [min]="0" [useGrouping]="false" [showButtons]="true"
-                               inputId="minmax-buttons">
-                </p-inputNumber>
+                <input class="table-edit-input" pInputText min="0" type="number" [(ngModel)]="member.xp">
               </ng-template>
               <ng-template pTemplate="output">
                 {{member.xp}}

kdb-web/src/styles.scss

@@ -729,6 +729,10 @@ p-inputNumber {
     }
   }
 
+  p-cellEditor {
+    width: 100%;
+  }
+
   .p-multiselect {
     width: 100% !important;
   }

kdb-web/src/styles/primeng-fixes.scss

@@ -97,8 +97,7 @@ p-table {
   }
 }
 
-.p-dropdown,
-.p-inputnumber {
+.p-dropdown {
   width: 100% !important;
 }