From ec193ca697a0806d4cff1694011aa3937e86faf8 Mon Sep 17 00:00:00 2001
From: fiatjaf <fiatjaf@alhur.es>
Date: Sat, 13 Feb 2021 21:39:23 -0300
Subject: [PATCH] put export-with-qr-code on a toggleable section.

---
 lnbits/core/templates/core/wallet.html | 24 ++++++++++++++++--------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/lnbits/core/templates/core/wallet.html b/lnbits/core/templates/core/wallet.html
index 8aac2ab..a313ce2 100644
--- a/lnbits/core/templates/core/wallet.html
+++ b/lnbits/core/templates/core/wallet.html
@@ -221,14 +221,6 @@
       <q-card-section>
         <h6 class="text-subtitle1 q-mt-none q-mb-sm">LNbits wallet</h6>
         <strong>Wallet name: </strong><em>{{ wallet.name }}</em><br />
-        <p></p>
-        <strong>Scan this QRcode to open this wallet somewhere else (e.g. your cell phone)</strong><p></p>
-        <q-responsive :ratio="1" class="q-mx-xl">
-          <qrcode
-            :value="'{{request.url_root}}'+'wallet?usr={{user.id}}&wal={{wallet.id}}'"
-            :options="{width:240}"
-          ></qrcode>
-        </q-responsive><p></p>
         <strong>Wallet ID: </strong><em>{{ wallet.id }}</em><br />
         <strong>Admin key: </strong><em>{{ wallet.adminkey }}</em><br />
         <strong>Invoice/read key: </strong><em>{{ wallet.inkey }}</em>
@@ -238,6 +230,22 @@
         <q-list>
           {% include "core/_api_docs.html" %}
           <q-separator></q-separator>
+          <q-expansion-item
+            group="extras"
+            icon="settings_cell"
+            label="Export to Phone with QR Code"
+          >
+            <q-card>
+              <q-card-section>
+                <p>This QR code contains your wallet URL with full access. You can scan it from your phone to open your wallet from there.</p>
+                <qrcode
+                  :value="'{{request.url_root}}'+'wallet?usr={{user.id}}&wal={{wallet.id}}'"
+                  :options="{width:240}"
+                ></qrcode>
+              </q-card-section>
+            </q-card>
+          </q-expansion-item>
+          <q-separator></q-separator>
           <q-expansion-item
             group="extras"
             icon="remove_circle"