From df30a7f16579482c5c38a59615e55b7a0000c3d2 Mon Sep 17 00:00:00 2001
From: natsoni <natsoni@protonmail.com>
Date: Mon, 6 Apr 2026 16:40:19 +0900
Subject: [PATCH 1/2] Fix copy button in bitcoin invoice component

---
 .../bitcoin-invoice/bitcoin-invoice.component.html          | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/components/bitcoin-invoice/bitcoin-invoice.component.html b/frontend/src/app/components/bitcoin-invoice/bitcoin-invoice.component.html
index 8c320b557..04bbf0915 100644
--- a/frontend/src/app/components/bitcoin-invoice/bitcoin-invoice.component.html
+++ b/frontend/src/app/components/bitcoin-invoice/bitcoin-invoice.component.html
@@ -44,7 +44,7 @@
 
         <div class="input-group input-group-sm info-group">
           <input type="text" class="form-control input-dark" readonly [value]="invoice.addresses.BTC">
-          <button class="btn btn-outline-secondary" type="button" ><app-clipboard [text]="invoice.addresses.BTC"></app-clipboard></button>
+          <app-clipboard [button]="true" [class]="'btn btn-outline-secondary rounded-start-0'" [text]="invoice.addresses.BTC"></app-clipboard>
         </div>
         @if (!minimal) {
           <p>{{ invoice.btcDue | number: '1.0-8' }} <span class="symbol">BTC</span></p>
@@ -62,7 +62,7 @@
 
         <div class="input-group input-group-sm info-group">
           <input type="text" class="form-control input-dark" readonly [value]="invoice.addresses.BTC_LightningLike">
-          <button class="btn btn-outline-secondary" type="button"><app-clipboard [text]="invoice.addresses.BTC_LightningLike"></app-clipboard></button>
+          <app-clipboard [button]="true" [class]="'btn btn-outline-secondary rounded-start-0'" [text]="invoice.addresses.BTC_LightningLike"></app-clipboard>
         </div>
 
         @if (!minimal) {
@@ -81,7 +81,7 @@
         <br>
         <div class="input-group input-group-sm info-group">
           <input type="text" class="form-control input-dark" readonly [value]="invoice.addresses.LBTC" />
-          <button class="btn btn-outline-secondary" type="button" ><app-clipboard [text]="invoice.addresses.LBTC"></app-clipboard></button>
+          <app-clipboard [button]="true" [class]="'btn btn-outline-secondary rounded-start-0'" [text]="invoice.addresses.LBTC"></app-clipboard>
         </div>
         @if (!minimal) {
           <p>{{ invoice.btcDue | number: '1.0-8' }} <span class="symbol">BTC</span></p>

From 5c15423cf889bac9cef38ba9ec7c953516766c52 Mon Sep 17 00:00:00 2001
From: natsoni <natsoni@protonmail.com>
Date: Mon, 6 Apr 2026 17:04:05 +0900
Subject: [PATCH 2/2] Add aria label in clipboard button

---
 frontend/src/app/components/clipboard/clipboard.component.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/app/components/clipboard/clipboard.component.html b/frontend/src/app/components/clipboard/clipboard.component.html
index 87d74293f..5495d6e3f 100644
--- a/frontend/src/app/components/clipboard/clipboard.component.html
+++ b/frontend/src/app/components/clipboard/clipboard.component.html
@@ -1,5 +1,5 @@
 <ng-template [ngIf]="button" [ngIfElse]="btnLink">
-  <button [class]="class" type="button" [disabled]="text === ''" style="box-shadow: none;" (click)="copyText()">
+  <button [class]="class" type="button" [disabled]="text === ''" style="box-shadow: none;" (click)="copyText()" [attr.aria-label]="showMessage ? 'Copied to clipboard' : 'Copy to clipboard'" [attr.title]="showMessage ? 'Copied' : 'Copy'">
     <span style="position: relative;top: -2px;left: 1px;">
       <app-svg-images name="clippy" [width]="widths[size]" viewBox="0 0 1000 1000"></app-svg-images>
       <span *ngIf="showMessage" class="copied-message" style="top: 29px; left: -23.5px;">{{ copiedMessage }}</span>