From 7b920efc1c7a5a2f3471cf7ce6109653fc770a67 Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Thu, 17 Sep 2026 20:38:58 +0200
Subject: [PATCH] Add previous and next navigation

---
 .../personal-finance-tools/product-page.html  | 30 +++++++++++++++++--
 1 file changed, 28 insertions(+), 2 deletions(-)

diff --git a/apps/client/src/app/pages/resources/personal-finance-tools/product-page.html b/apps/client/src/app/pages/resources/personal-finance-tools/product-page.html
index 192b3cadbb..f76383ccd7 100644
--- a/apps/client/src/app/pages/resources/personal-finance-tools/product-page.html
+++ b/apps/client/src/app/pages/resources/personal-finance-tools/product-page.html
@@ -379,7 +379,7 @@
             >
           </div>
         </section>
-        <section class="mb-4">
+        <section>
           <ul class="list-inline">
             @for (tag of tags(); track tag) {
               <li class="list-inline-item">
@@ -388,9 +388,35 @@
             }
           </ul>
         </section>
+        <nav class="d-flex justify-content-between my-5">
+          @if (previousProduct()) {
+            <a
+              class="font-weight-light link-primary text-decoration-none small"
+              i18n-title
+              title="Ghostfolio: The Open Source Alternative to {{
+                previousProduct()?.name
+              }}"
+              [routerLink]="getProductRouterLink(previousProduct())"
+              >← <span i18n>Previous</span></a
+            >
+          } @else {
+            <span></span>
+          }
+          @if (nextProduct()) {
+            <a
+              class="font-weight-light link-primary text-decoration-none small"
+              i18n-title
+              title="Ghostfolio: The Open Source Alternative to {{
+                nextProduct()?.name
+              }}"
+              [routerLink]="getProductRouterLink(nextProduct())"
+              ><span i18n>Next</span> →</a
+            >
+          }
+        </nav>
         <nav aria-label="breadcrumb">
           <ol class="breadcrumb">
-            <li class="breadcrumb-item">
+            <li class="breadcrumb-item text-truncate">
               <a i18n [routerLink]="routerLinkResourcesPersonalFinanceTools"
                 >Personal Finance Tools</a
               >