left align

Author: gugu

frontend/src/app/components/dashboard/db-table/db-table.component.css

@@ -235,7 +235,7 @@
 }
 
 .db-table_withActions {
-    grid-template-columns: 48px repeat(var(--colCount), auto) var(--lastColumnWidth);
+    grid-template-columns: 48px repeat(var(--colCount), fit-content(100%)) minmax(var(--lastColumnWidth), auto);
 }
 
 .db-table_withoutActions {
@@ -430,6 +430,10 @@ th.mat-header-cell, td.mat-cell {
     }
 }
 
+.db-table-cell-actions, .db-table-header-actions {
+    justify-content: flex-end;
+}
+
 .table-cell-content {
     overflow: hidden;
     white-space: nowrap;

frontend/src/app/components/dashboard/db-table/db-table.component.html

@@ -256,7 +256,7 @@ <h2 class="mat-h2 table-name">{{ displayName }}</h2>
             </ng-container>
 
             <ng-container matColumnDef="actions" [stickyEnd]="true">
-                <mat-header-cell *matHeaderCellDef>Actions</mat-header-cell>
+                <mat-header-cell *matHeaderCellDef class="db-table-header-actions">Actions</mat-header-cell>
 
                 <mat-cell *matCellDef="let element; let i = index" class="db-table-cell-actions">
                     <ng-container *ngIf="tableData.tableActions && tableData.tableActions.length">