From 7aaa475a14ba1e526bb0c56933ed9abf4172327e Mon Sep 17 00:00:00 2001
From: "Janus C. H. Knudsen" <janus007@gmail.com>
Date: Fri, 23 Jan 2026 23:19:57 +0100
Subject: [PATCH] Enhances localization and UI for customer and employee views

Updates customer detail tab with localized activity log label
Refactors salary specification page with improved button styles and actions
Adds localization support for customer activity log in Danish and English translations

Improves print and interaction experience for salary specification page
---
 .../Features/Customers/Pages/Detail.cshtml    |  2 +-
 .../EmployeeDetailSalary/Default.cshtml       |  6 +--
 .../Pages/SalarySpecification.cshtml          | 38 ++++++++++++++-----
 .../Localization/Translations/da.json         |  5 +++
 .../Localization/Translations/en.json         |  7 ++++
 PlanTempus.Application/wwwroot/css/print.css  | 10 ++---
 6 files changed, 50 insertions(+), 18 deletions(-)

diff --git a/PlanTempus.Application/Features/Customers/Pages/Detail.cshtml b/PlanTempus.Application/Features/Customers/Pages/Detail.cshtml
index c1c8295..c7a389d 100644
--- a/PlanTempus.Application/Features/Customers/Pages/Detail.cshtml
+++ b/PlanTempus.Application/Features/Customers/Pages/Detail.cshtml
@@ -72,7 +72,7 @@
         <swp-tab data-tab="journal">Journal</swp-tab>
         <swp-tab data-tab="appointments">Aftaler</swp-tab>
         <swp-tab data-tab="giftcards">Gavekort</swp-tab>
-        <swp-tab data-tab="activity">Aktivitet</swp-tab>
+        <swp-tab data-tab="activity" localize="customers.detail.tabs.activitylog">Aktivitetslog</swp-tab>
     </swp-tab-bar>
 </swp-sticky-header>
 
diff --git a/PlanTempus.Application/Features/Employees/Components/EmployeeDetailSalary/Default.cshtml b/PlanTempus.Application/Features/Employees/Components/EmployeeDetailSalary/Default.cshtml
index 6df2554..d4a5723 100644
--- a/PlanTempus.Application/Features/Employees/Components/EmployeeDetailSalary/Default.cshtml
+++ b/PlanTempus.Application/Features/Employees/Components/EmployeeDetailSalary/Default.cshtml
@@ -144,10 +144,10 @@
                                 </swp-data-table>
                             </swp-accordion-table>
                             <swp-accordion-footer>
-                                <a href="/medarbejdere/loenspecifikation/@spec.PeriodKey" target="_blank" class="swp-btn secondary">
+                                <swp-btn class="primary" onclick="window.open('/medarbejdere/loenspecifikation/@spec.PeriodKey', '_blank')">
                                     <i class="ph ph-file-text"></i>
-                                    Se lønberegning
-                                </a>
+                                    Se lønspecifikation
+                                </swp-btn>
                             </swp-accordion-footer>
                         </swp-accordion-content>
                     </swp-accordion-item>
diff --git a/PlanTempus.Application/Features/Employees/Pages/SalarySpecification.cshtml b/PlanTempus.Application/Features/Employees/Pages/SalarySpecification.cshtml
index b667108..6c4c692 100644
--- a/PlanTempus.Application/Features/Employees/Pages/SalarySpecification.cshtml
+++ b/PlanTempus.Application/Features/Employees/Pages/SalarySpecification.cshtml
@@ -200,14 +200,17 @@
 
         .avoid-break { break-inside: avoid; page-break-inside: avoid; }
 
-        /* Print button */
-        .print-btn {
+        /* Action buttons */
+        .actions {
             position: fixed;
             top: 20px;
             right: 20px;
+            display: flex;
+            gap: 8px;
+            z-index: 100;
+        }
+        .btn {
             padding: 10px 20px;
-            background: #0ea5e9;
-            color: white;
             border: none;
             border-radius: 8px;
             font-size: 14px;
@@ -216,16 +219,33 @@
             display: flex;
             align-items: center;
             gap: 8px;
+            transition: all 0.15s ease;
         }
-        .print-btn:hover { background: #0284c7; }
+        .btn.primary {
+            background: #00897b;
+            color: white;
+        }
+        .btn.primary:hover { background: #00796b; }
+        .btn.secondary {
+            background: #f1f5f9;
+            color: #334155;
+            border: 1px solid #e2e8f0;
+        }
+        .btn.secondary:hover { background: #e2e8f0; }
     </style>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@@phosphor-icons/web@@2.1.2/src/regular/style.css" />
 </head>
 <body>
-    <button class="print-btn no-print" onclick="window.print()">
-        <i class="ph ph-printer"></i>
-        Udskriv
-    </button>
+    <div class="actions no-print">
+        <button class="btn primary" onclick="window.print()">
+            <i class="ph ph-printer"></i>
+            Print / Gem som PDF
+        </button>
+        <button class="btn secondary" onclick="window.close()">
+            <i class="ph ph-x"></i>
+            Luk
+        </button>
+    </div>
 
     <div class="sheet">
         <!-- Header -->
diff --git a/PlanTempus.Application/Features/Localization/Translations/da.json b/PlanTempus.Application/Features/Localization/Translations/da.json
index 6109947..efd6404 100644
--- a/PlanTempus.Application/Features/Localization/Translations/da.json
+++ b/PlanTempus.Application/Features/Localization/Translations/da.json
@@ -622,6 +622,11 @@
       "noteType": "Note",
       "colorFormula": "Farveformel",
       "seeAllNotes": "Se alle noter →"
+    },
+    "detail": {
+      "tabs": {
+        "activitylog": "Aktivitetslog"
+      }
     }
   }
 }
diff --git a/PlanTempus.Application/Features/Localization/Translations/en.json b/PlanTempus.Application/Features/Localization/Translations/en.json
index b7adf82..b378573 100644
--- a/PlanTempus.Application/Features/Localization/Translations/en.json
+++ b/PlanTempus.Application/Features/Localization/Translations/en.json
@@ -574,5 +574,12 @@
         "dailysummary": "Email with daily summary"
       }
     }
+  },
+  "customers": {
+    "detail": {
+      "tabs": {
+        "activitylog": "Activity log"
+      }
+    }
   }
 }
diff --git a/PlanTempus.Application/wwwroot/css/print.css b/PlanTempus.Application/wwwroot/css/print.css
index 2609465..c6e2d0b 100644
--- a/PlanTempus.Application/wwwroot/css/print.css
+++ b/PlanTempus.Application/wwwroot/css/print.css
@@ -33,12 +33,12 @@ swp-z-report {
    PRINT ACTIONS (Screen only)
    =========================================== */
 swp-z-actions {
+  position: fixed;
+  top: 20px;
+  right: 20px;
   display: flex;
-  gap: var(--spacing-6);
-  justify-content: center;
-  margin-bottom: var(--spacing-16);
-  padding-bottom: var(--spacing-12);
-  border-bottom: 1px dashed var(--color-border);
+  gap: var(--spacing-3);
+  z-index: 100;
 }
 
 swp-z-actions swp-btn {