From 34190aa435d9792f31f38380ea48593cdfe4f7f0 Mon Sep 17 00:00:00 2001
From: OscarG673 <oguevara1969@gmail.com>
Date: Sat, 7 Feb 2026 02:46:43 -0600
Subject: [PATCH] fix(ui): pools address overflow and hide button on mobile
 (#5917)

---
 contributors/OscarG673                               |  3 +++
 frontend/src/app/components/pool/pool.component.html | 11 +++++++----
 2 files changed, 10 insertions(+), 4 deletions(-)
 create mode 100644 contributors/OscarG673

diff --git a/contributors/OscarG673 b/contributors/OscarG673
new file mode 100644
index 000000000..bdbc36381
--- /dev/null
+++ b/contributors/OscarG673
@@ -0,0 +1,3 @@
+I hereby accept the terms of the Contributor License Agreement in the CONTRIBUTING.md file of the mempool/mempool git repository as of February 7, 2026.
+
+Signed: OscarG673
diff --git a/frontend/src/app/components/pool/pool.component.html b/frontend/src/app/components/pool/pool.component.html
index eabfc7c63..cb27b5402 100644
--- a/frontend/src/app/components/pool/pool.component.html
+++ b/frontend/src/app/components/pool/pool.component.html
@@ -43,9 +43,10 @@
                   </a>
                   <div>
                     <div #collapse="ngbCollapse" [(ngbCollapse)]="gfg">
-                      <a class="addresses-data" *ngFor="let address of poolStats.pool.addresses | slice: 1"
-                        [routerLink]="['/address' | relativeUrl, address]">{{
-                        address }}<br></a>
+                     <a class="addresses-data"
+                        *ngFor="let address of poolStats.pool.addresses | slice: 1"
+                        [routerLink]="['/address' | relativeUrl, address]">
+                        <app-truncate [text]="address" [lastChars]="8"></app-truncate></a>
                     </div>
                     <button *ngIf="poolStats.pool.addresses.length >= 2" type="button"
                       class="btn btn-sm btn-primary small-button" (click)="collapse.toggle()"
@@ -65,7 +66,9 @@
                     <button *ngIf="poolStats.pool.addresses.length >= 2" type="button"
                       class="btn btn-sm btn-primary float-right small-button mobile" (click)="collapse.toggle()"
                       [attr.aria-expanded]="!gfg" aria-controls="collapseExample">
-                      <span i18n="show-all">Show all</span> ({{ poolStats.pool.addresses.length }})
+                      <span *ngIf="gfg" i18n="show-all">Show all</span>
+                      <span *ngIf="!gfg" i18n="hide">Hide</span>
+                      ({{ poolStats.pool.addresses.length }})
                     </button>
                     <a class="addresses-data" [routerLink]="['/address' | relativeUrl, poolStats.pool.addresses[0]]">
                       {{ poolStats.pool.addresses[0] | shortenString: 30 }}