fix width list

src/frontend/app/adv-search/list/search-adv-list.component.html

@@ -13,62 +13,62 @@
     </div>
 </div>
 <div style="overflow: auto;">
-    <table cdkDropList id="document-list" #tableResourceListSort="matSort" mat-table [dataSource]="data" matSort
+    <mat-table cdkDropList id="document-list" #tableResourceListSort="matSort" [dataSource]="data" matSort
         matSortActive="chrono" matSortDisableClear matSortDirection="asc" style="width:100%;min-width: 800px;">
 
         <ng-container matColumnDef="action">
-            <th mat-header-cell *matHeaderCellDef style="width: 70px;">
+            <mat-header-cell *matHeaderCellDef style="width: 70px;flex: initial;">
                 <mat-checkbox color="primary"
                     [checked]="selectedRes.length == allResInSearch.length && selectedRes.length > 0"
                     [indeterminate]="selectedRes.length > 0 && selectedRes.length < allResInSearch.length"
                     title="{{lang.selectAllResInBasket}}" (change)="toggleAllRes($event)"></mat-checkbox>
-            </th>
-            <td mat-cell *matCellDef="let row" style="width: 70px;">
+            </mat-header-cell>
+            <mat-cell *matCellDef="let row" style="width: 70px;flex: initial;">
                 <mat-checkbox color="primary" [checked]="row.checked" (change)="toggleRes($event,row)"
                     (click)="$event.stopPropagation();">
                 </mat-checkbox>
-            </td>
+            </mat-cell>
         </ng-container>
         <ng-container matColumnDef="category">
-            <th mat-header-cell *matHeaderCellDef mat-sort-header> {{lang.category_id}} </th>
-            <td mat-cell *matCellDef="let row">
+            <mat-header-cell *matHeaderCellDef mat-sort-header> {{lang.category_id}} </mat-header-cell>
+            <mat-cell *matCellDef="let row">
                 {{lang[row.category]}}
-            </td>
+            </mat-cell>
         </ng-container>
 
         <ng-container matColumnDef="chrono">
-            <th mat-header-cell *matHeaderCellDef mat-sort-header> {{lang.chrono}} </th>
-            <td mat-cell *matCellDef="let row">
+            <mat-header-cell *matHeaderCellDef mat-sort-header> {{lang.chrono}} </mat-header-cell>
+            <mat-cell *matCellDef="let row">
                 {{row.chrono}}
-            </td>
+            </mat-cell>
         </ng-container>
         <ng-container matColumnDef="status">
-            <th mat-header-cell *matHeaderCellDef mat-sort-header> {{lang.status}} </th>
-            <td mat-cell *matCellDef="let row">
+            <mat-header-cell *matHeaderCellDef mat-sort-header style="width: 100px;flex: initial"> {{lang.status}} </mat-header-cell>
+            <mat-cell *matCellDef="let row" style="width: 100px;flex: initial">
                 <mat-icon title="{{row.statusLabel}}" [ngStyle]="{'color': row.priorityColor}" color="primary"
                     class="{{row.statusImage.charAt(0)}}{{row.statusImage.charAt(1)}} {{row.statusImage}} {{row.statusImage.charAt(0)}}{{row.statusImage.charAt(1)}}-2x">
                 </mat-icon>
-            </td>
+            </mat-cell>
         </ng-container>
         <ng-container matColumnDef="subject">
-            <th mat-header-cell *matHeaderCellDef mat-sort-header style="flex:2"> {{lang.subject}} </th>
-            <td mat-cell *matCellDef="let row" style="flex:2">
+            <mat-header-cell *matHeaderCellDef mat-sort-header style="flex:2"> {{lang.subject}} </mat-header-cell>
+            <mat-cell *matCellDef="let row" style="flex:2">
                 {{row.subject}}
-            </td>
+            </mat-cell>
         </ng-container>
         <ng-container matColumnDef="type">
-            <th mat-header-cell *matHeaderCellDef mat-sort-header> {{lang.doctype}} </th>
-            <td mat-cell *matCellDef="let row">
+            <mat-header-cell *matHeaderCellDef mat-sort-header> {{lang.doctype}} </mat-header-cell>
+            <mat-cell *matCellDef="let row">
                 {{row.typeLabel}}
-            </td>
+            </mat-cell>
         </ng-container>
         <ng-container matColumnDef="creationDate">
-            <th mat-header-cell *matHeaderCellDef mat-sort-header> {{lang.creationDate}} </th>
-            <td mat-cell *matCellDef="let row">
+            <mat-header-cell *matHeaderCellDef mat-sort-header> {{lang.creationDate}} </mat-header-cell>
+            <mat-cell *matCellDef="let row">
                 {{row.creationDate | timeAgo : 'full' | ucfirst}}
-            </td>
+            </mat-cell>
         </ng-container>
-        <tr mat-header-row *matHeaderRowDef="displayedColumnsResource"></tr>
-        <tr mat-row *matRowDef="let row; columns: displayedColumnsResource;" class="rowData"></tr>
-    </table>
+        <mat-header-row *matHeaderRowDef="displayedColumnsResource"></mat-header-row>
+        <mat-row *matRowDef="let row; columns: displayedColumnsResource;" class="rowData"></mat-row>
+    </mat-table>
 </div>
\ No newline at end of file