From ecc3f5ff66e0df4c9539795570022c747e5941e5 Mon Sep 17 00:00:00 2001
From: Andrew Gregory <andrew.gregory@gmail.com>
Date: Sun, 27 Mar 2022 09:12:55 +0800
Subject: [PATCH] Update interface.html

Space out buttons.
---
 apps/authentiwatch/interface.html | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/apps/authentiwatch/interface.html b/apps/authentiwatch/interface.html
index 13d46ac03..e80180a45 100644
--- a/apps/authentiwatch/interface.html
+++ b/apps/authentiwatch/interface.html
@@ -229,11 +229,14 @@ function editToken(id) {
   markup += '<button class="btn btn-primary" type="button" onclick="document.getElementById(\'edittoken\').classList.toggle(\'showadv\')">Advanced</button>';
   markup += '</td></tr></table></form>';
   markup += '<button class="btn btn-primary" type="button" onclick="updateTokens()">Cancel Edit</button>';
+  markup += '&nbsp;';
   markup += '<button class="btn btn-primary" type="button" onclick="saveEdit(' + id + ', false)">Save Changes</button>';
+    markup += '&nbsp;';
   if (tokens[id].isnew) {
     markup += '<button class="btn btn-primary" type="button" onclick="startScan(handleTokenQr,cancelTokenQr)">Scan QR</button>';
   } else {
     markup += '<button class="btn btn-primary" type="button" onclick="showTokenQr()">Show QR</button>';
+    markup += '&nbsp;';
     markup += '<button class="btn btn-primary" type="button" onclick="saveEdit(' + id + ', true)">Forget Token</button>';
   }
   document.getElementById('edit').innerHTML = markup;
@@ -309,11 +312,15 @@ function updateTokens() {
   var markup = '';
   markup += '<div class="select">';
   markup += '<button class="btn btn-primary" type="button" onclick="addToken()">Add Token</button>';
+  markup += '&nbsp;';
   markup += '<button class="btn btn-primary" type="button" onclick="saveTokens()">Save to watch</button>';
+  markup += '&nbsp;';
   markup += '<button class="btn btn-primary" type="button" onclick="startScan(handleImportQr,cancelImportQr)">Import</button>';
+  markup += '&nbsp;';
   markup += '<button class="btn btn-primary" type="button" onclick="document.body.className=\'export\'">Export</button>';
   markup += '</div><div class="export">';
   markup += '<button class="btn btn-primary" type="button" onclick="document.body.className=\'select\'">Cancel</button>';
+  markup += '&nbsp;';
   markup += '<button class="btn btn-primary" type="button" onclick="exportTokens(true, null)">Show QR</button>';
   markup += '</div>';
   markup += '<table><tr><th>';