From bbec1306d041e7661022660e27ada0f1746ec46d Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Thu, 21 Apr 2022 16:38:14 +0200
Subject: [PATCH] change modal structure

---
 .../TransactionLinks/TransactionLink.vue          | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/TransactionLinks/TransactionLink.vue b/frontend/src/components/TransactionLinks/TransactionLink.vue
index 66f9f2f92..40d9296f1 100644
--- a/frontend/src/components/TransactionLinks/TransactionLink.vue
+++ b/frontend/src/components/TransactionLinks/TransactionLink.vue
@@ -45,11 +45,16 @@
         </b-button>
       </b-col>
     </b-row>
-    <b-modal :id="'modalPopover-' + id" title="QR-Code" ok-only hide-header-close>
-      <div class="text-center">
-        <figure-qr-code :text="link" />
-        <p>{{ link }}</p>
-      </div>
+    <b-modal :id="'modalPopover-' + id" ok-only hide-header-close>
+      <b-card header-tag="header" footer-tag="footer">
+        <template #header>
+          <h6 class="mb-0">{{ $t('qrCode') }}</h6>
+        </template>
+        <b-card-text><figure-qr-code class="text-center" :text="link" /></b-card-text>
+        <template #footer>
+          <em>{{ link }}</em>
+        </template>
+      </b-card>
     </b-modal>
   </div>
 </template>