From 3bbe47ca85dce47d71bc207a5f37ed22bbdcd7de Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Gruszczy=C5=84ski?=
 <mateusz.gruszczynski@firma.interia.pl>
Date: Tue, 14 Apr 2026 20:14:16 +0200
Subject: [PATCH] table fix

---
 .../routers/router-detail-page.component.html | 20 ++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/frontend/src/app/features/routers/router-detail-page.component.html b/frontend/src/app/features/routers/router-detail-page.component.html
index d0dcd40..664c8b0 100644
--- a/frontend/src/app/features/routers/router-detail-page.component.html
+++ b/frontend/src/app/features/routers/router-detail-page.component.html
@@ -150,18 +150,23 @@
 
 <div class="dashboard-grid router-detail-grid router-detail-grid--stack" *ngIf="!isSwitchos">
   <app-section-card [title]="'routers.exportsTableTitle' | translate" [subtitle]="'routers.exportsTableSubtitle' | translate">
-    <p-table [value]="exportBackups" responsiveLayout="scroll" styleClass="app-table">
+    <p-table [value]="exportBackups" responsiveLayout="stack" [breakpoint]="'960px'" styleClass="app-table repository-table">
       <ng-template pTemplate="header">
         <tr><th>{{ 'files.fileColumn' | translate }}</th><th>{{ 'files.createdColumn' | translate }}</th><th>{{ 'common.actions' | translate }}</th></tr>
       </ng-template>
       <ng-template pTemplate="body" let-item let-i="rowIndex">
         <tr>
           <td>
+            <span class="p-column-title">{{ 'files.fileColumn' | translate }}</span>
             <div class="table-primary">{{ item.file_name }}</div>
             <small class="table-secondary">{{ 'files.exportType' | translate }}</small>
           </td>
-          <td>{{ item.created_at }}</td>
           <td>
+            <span class="p-column-title">{{ 'files.createdColumn' | translate }}</span>
+            {{ item.created_at }}
+          </td>
+          <td>
+            <span class="p-column-title">{{ 'common.actions' | translate }}</span>
             <div class="table-actions table-actions--labels table-actions--tight">
               <button pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide table-action-btn--compact" icon="pi pi-download" [label]="'common.download' | translate" (click)="download(item.id)"></button>
               <button pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide table-action-btn--compact" severity="info" icon="pi pi-eye" [label]="'common.preview' | translate" (click)="viewExport(item.id)"></button>
@@ -178,18 +183,23 @@
 
 <div class="dashboard-grid router-detail-grid router-detail-grid--stack">
   <app-section-card [title]="'routers.binaryTableTitle' | translate" [subtitle]="'routers.binaryTableSubtitle' | translate">
-    <p-table [value]="binaryBackups" responsiveLayout="scroll" styleClass="app-table">
+    <p-table [value]="binaryBackups" responsiveLayout="stack" [breakpoint]="'960px'" styleClass="app-table repository-table">
       <ng-template pTemplate="header">
         <tr><th>{{ 'files.fileColumn' | translate }}</th><th>{{ 'files.createdColumn' | translate }}</th><th>{{ 'common.actions' | translate }}</th></tr>
       </ng-template>
       <ng-template pTemplate="body" let-item>
         <tr>
           <td>
+            <span class="p-column-title">{{ 'files.fileColumn' | translate }}</span>
             <div class="table-primary">{{ item.file_name }}</div>
             <small class="table-secondary">{{ 'files.binaryType' | translate }}</small>
           </td>
-          <td>{{ item.created_at }}</td>
           <td>
+            <span class="p-column-title">{{ 'files.createdColumn' | translate }}</span>
+            {{ item.created_at }}
+          </td>
+          <td>
+            <span class="p-column-title">{{ 'common.actions' | translate }}</span>
             <div class="table-actions table-actions--labels table-actions--tight">
               <button pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide table-action-btn--compact" icon="pi pi-download" [label]="'common.download' | translate" (click)="download(item.id)"></button>
               <button *ngIf="!isSwitchos" pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide table-action-btn--compact" severity="help" icon="pi pi-upload" [label]="'common.restore' | translate" (click)="upload(item.id)"></button>
@@ -311,4 +321,4 @@
       <button pButton type="submit" [disabled]="form.invalid || saving" [loading]="saving" [label]="'routers.saveRouter' | translate"></button>
     </div>
   </form>
-</p-dialog>
+</p-dialog>
\ No newline at end of file