Tweaks.

diff --git a/app/pages/nemo-wallet.html b/app/pages/nemo-wallet.html
index 74354b77ed36c63b969d33d26bcef94c34ced734..f4b192b6d77f8b4404ab095c9ef102db116c816a 100644 (file)
--- a/app/pages/nemo-wallet.html
+++ b/app/pages/nemo-wallet.html
@@ -4,11 +4,18 @@
        <meta charset="utf-8" />
        <meta lang="en" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
-       <script
-               type="module"
-               src="https://cdn.jsdelivr.net/npm/barcode-detector@2.2.11/dist/es/side-effects.js"></script>
-       <script>
+       <script type="module" src="https://cdn.jsdelivr.net/npm/barcode-detector@2.2.11/dist/es/side-effects.min.js"></script>
+       <script type="module">
                let libnemo, css
+               const barcodeDetector = new BarcodeDetector()
+
+               const observer = new MutationObserver((mutations) => {
+                       for (const mutation of mutations) {
+                               if (mutation.type === "attributes") {
+                                       mutation.target.dispatchEvent(new Event('attributeschanged'))
+                               }
+                       }
+               })
 
                window.addEventListener('load', async (event) => {
                        try {
@@ -32,15 +39,6 @@
                                "https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=Hello%20world!",
                        ).then(resp => resp.blob())
                        barcodeDetector.detect(imageFile).then(console.log)
-
-                       const observer = new MutationObserver((mutations) => {
-                               for (const mutation of mutations) {
-                                       if (mutation.type === "attributes") {
-                                               mutation.target.dispatchEvent(new Event('attributeschanged'))
-                                       }
-                               }
-                       })
-                       console.log('loaded libnemo')
                }
 
                async function loadData () {
@@ -519,7 +517,7 @@
                body {
                        align-items: flex-start;
                        background-color: var(--theme-primary);
-                       box-shadow: 0 0 2rem var(--color-dark);
+                       box-shadow: 0 0 2rem black;
                        color: var(--theme-content);
                        display: flex;
                        fill: var(--theme-highlight);
@@ -549,6 +547,7 @@
                        display: flex;
                        flex: 0 1 auto;
                        justify-content: space-evenly;
+                       padding-bottom: 1dvh;
                        width: 100%;
                }
                main iframe {
@@ -784,8 +783,7 @@
                                <div class="grid">
                                        <div class="col-3"></div>
                                        <button id="wallet-new-cancel" class="cancel col-3">Cancel</button>
-                                       <button id="wallet-new-ok" class="col-3"
-                                               onclick="createWallet().then(w => { console.log(w) })">OK</button>
+                                       <button id="wallet-new-ok" class="col-3" onclick="createWallet().then(w => { console.log(w) })">OK</button>
                                </div>
                        </div>
                </div>
@@ -837,8 +835,7 @@
                                <div class="grid">
                                        <div class="col-3"></div>
                                        <button id="wallet-import-cancel" class="cancel col-3">Cancel</button>
-                                       <button id="wallet-import-ok" class="col-3"
-                                               onclick="importWallet().then(w => { console.log(w) })">OK</button>
+                                       <button id="wallet-import-ok" class="col-3" onclick="importWallet().then(w => { console.log(w) })">OK</button>
                                </div>
                        </div>
                </div>
@@ -850,8 +847,8 @@
                        <div class="flex-y stretch">
                                <div id="account-new-name" class="flex-x left mid">
                                        <label for="account-new-name-input">Name</label>
-                                       <input id="account-new-name-input" name="account-new-name" autocomplete="off" maxlength="80"
-                                               pattern="[^_].*" placeholder="My Account" />
+                                       <input id="account-new-name-input" name="account-new-name" autocomplete="off" maxlength="80" pattern="[^_].*"
+                                               placeholder="My Account" />
                                </div>
                                <div id="account-new-index" class="flex-x left mid">
                                        <label for="account-new-index-input">Index</label>
@@ -866,8 +863,7 @@
                                <div class="grid">
                                        <div class="col-3"></div>
                                        <button id="account-new-cancel" class="cancel col-3" type="reset">Cancel</button>
-                                       <button id="account-new-ok" class="col-3"
-                                               onclick="createAccount().then(a => { console.log(a) })">OK</button>
+                                       <button id="account-new-ok" class="col-3" onclick="createAccount().then(a => { console.log(a) })">OK</button>
                                </div>
                        </div>
                </div>
@@ -910,8 +906,8 @@
                <!-- Settings Page -->
 
                <div id="settings" class="page">
+                       <h1>Settings</h1>
                        <div class="flex-y left mid">
-                               <h1>Settings</h1>
                                <label for="theme-checkbox">Theme</label>
                                <div class="toggle">
                                        <input id="theme-checkbox" name="theme" type="checkbox" autocomplete="on" checked />