From cd1070bd3fbf7bd710ed43660752ae7736dff69b Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Sun, 18 Jan 2026 12:41:20 -0800
Subject: [PATCH] Make these anchors

---
 .../document-detail/document-detail.component.html    | 11 ++++++-----
 .../document-detail/document-detail.component.ts      |  3 ++-
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src-ui/src/app/components/document-detail/document-detail.component.html b/src-ui/src/app/components/document-detail/document-detail.component.html
index 43935a570..49cbb0d08 100644
--- a/src-ui/src/app/components/document-detail/document-detail.component.html
+++ b/src-ui/src/app/components/document-detail/document-detail.component.html
@@ -382,14 +382,15 @@
                 <div class="fst-italic" i18n>Duplicate documents detected:</div>
                 <div class="list-group">
                   @for (duplicate of document.duplicate_documents; track duplicate.id) {
-                    <button
-                      type="button"
+                    <a
                       class="list-group-item list-group-item-action d-flex justify-content-between align-items-center"
-                      (click)="openDuplicateDocument(duplicate.id)"
+                      [routerLink]="['/documents', duplicate.id, 'details']"
                     >
-                      <span>{{ duplicate.title || ('#' + duplicate.id) }}</span>
+                      <span class="d-flex align-items-center gap-2">
+                        <span>{{ duplicate.title || ('#' + duplicate.id) }}</span>
+                      </span>
                       <span class="text-secondary">#{{ duplicate.id }}</span>
-                    </button>
+                    </a>
                   }
                 </div>
               </div>
diff --git a/src-ui/src/app/components/document-detail/document-detail.component.ts b/src-ui/src/app/components/document-detail/document-detail.component.ts
index f7db36179..f31737722 100644
--- a/src-ui/src/app/components/document-detail/document-detail.component.ts
+++ b/src-ui/src/app/components/document-detail/document-detail.component.ts
@@ -8,7 +8,7 @@ import {
   FormsModule,
   ReactiveFormsModule,
 } from '@angular/forms'
-import { ActivatedRoute, Router } from '@angular/router'
+import { ActivatedRoute, Router, RouterModule } from '@angular/router'
 import {
   NgbDateStruct,
   NgbDropdownModule,
@@ -182,6 +182,7 @@ export enum ZoomSetting {
     NgxBootstrapIconsModule,
     PdfViewerModule,
     TextAreaComponent,
+    RouterModule,
   ],
 })
 export class DocumentDetailComponent