From e77e670bc386825bd022084c5b38af7baae76c99 Mon Sep 17 00:00:00 2001
From: chris <cwer542@gmail.com>
Date: Thu, 23 Oct 2025 01:11:50 +0200
Subject: [PATCH] Replace link with button for tenant details navigation and
 enhance styling

---
 .../components/tenant/tenant-grid/tenant-grid.component.html  | 2 +-
 .../components/tenant/tenant-grid/tenant-grid.component.scss  | 1 +
 .../components/tenant/tenant-grid/tenant-grid.component.ts    | 4 +++-
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/angular/frontend/src/app/components/tenant/tenant-grid/tenant-grid.component.html b/src/angular/frontend/src/app/components/tenant/tenant-grid/tenant-grid.component.html
index e522168..359c557 100644
--- a/src/angular/frontend/src/app/components/tenant/tenant-grid/tenant-grid.component.html
+++ b/src/angular/frontend/src/app/components/tenant/tenant-grid/tenant-grid.component.html
@@ -5,7 +5,7 @@
     <app-panel class="neutral-80">
       <span class="title">{{tenant.name}}</span>
       <span class="actions">
-        <app-link [href]="'tenants/'+tenant.id">View Details</app-link>
+        <button [routerLink]="tenant.id" class="primary outline">View Details</button>
       </span>
     </app-panel>
   }
diff --git a/src/angular/frontend/src/app/components/tenant/tenant-grid/tenant-grid.component.scss b/src/angular/frontend/src/app/components/tenant/tenant-grid/tenant-grid.component.scss
index 7d02c8e..0f3878f 100644
--- a/src/angular/frontend/src/app/components/tenant/tenant-grid/tenant-grid.component.scss
+++ b/src/angular/frontend/src/app/components/tenant/tenant-grid/tenant-grid.component.scss
@@ -5,6 +5,7 @@
 
   app-panel {
     display: flex;
+    align-items: center;
   }
 
   .actions {
diff --git a/src/angular/frontend/src/app/components/tenant/tenant-grid/tenant-grid.component.ts b/src/angular/frontend/src/app/components/tenant/tenant-grid/tenant-grid.component.ts
index 9816a7a..0901d25 100644
--- a/src/angular/frontend/src/app/components/tenant/tenant-grid/tenant-grid.component.ts
+++ b/src/angular/frontend/src/app/components/tenant/tenant-grid/tenant-grid.component.ts
@@ -3,12 +3,14 @@ import {TenantService} from '../../../clients/gandalf/mithrandir/tenant/tenant.s
 import {TenantGridViewDto} from '../../../clients/gandalf/mithrandir/tenant/dtos/tenant-grid-view-dto';
 import {PanelComponent} from '../../panel/panel.component';
 import {LinkComponent} from '../../link/link.component';
+import {RouterLink} from '@angular/router';
 
 @Component({
   selector: 'app-tenant-grid',
   imports: [
     PanelComponent,
-    LinkComponent
+    LinkComponent,
+    RouterLink
   ],
   templateUrl: './tenant-grid.component.html',
   styleUrl: './tenant-grid.component.scss'