From 6ab3b89884c8d7631e45e23a0f1a91070e783556 Mon Sep 17 00:00:00 2001
From: softsimon <softsimon@protonmail.com>
Date: Mon, 17 Jul 2023 17:41:38 +0900
Subject: [PATCH] Change to a Details-button

---
 frontend/src/app/lightning/node/node.component.html | 2 +-
 frontend/src/styles.scss                            | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/lightning/node/node.component.html b/frontend/src/app/lightning/node/node.component.html
index 47b10184e..c6c693a3a 100644
--- a/frontend/src/app/lightning/node/node.component.html
+++ b/frontend/src/app/lightning/node/node.component.html
@@ -118,7 +118,7 @@
     <td i18n="lightning.features" class="text-truncate label">Features</td>
     <td class="d-flex justify-content-between">
       <span class="text-truncate w-90">{{ bits }}</span>
-      <a href="#" class="w-10" (click)="toggleFeatures()">⊕</a>
+      <button type="button" class="btn btn-outline-info btn-xs" (click)="toggleFeatures()" i18n="transaction.details|Transaction Details">Details</button>
     </td>
   </ng-template>
 
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index ac299a547..428752d60 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -1164,3 +1164,10 @@ app-master-page, app-liquid-master-page, app-bisq-master-page {
 app-global-footer {
   margin-top: auto;
 }
+
+.btn-xs {
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  line-height: 0.5;
+  border-radius: 0.2rem;
+}