feat: add Keyoxide profile QR button

static-src/styles.scss

@@ -69,6 +69,7 @@ more information on this, and how to apply and follow the GNU AGPL, see <https:/
 
 /* DIALOGS */
 dialog {
+    max-width: 480px;
     word-wrap: anywhere;
     background-color: var(--section-background-color);
     border: 0;
@@ -80,11 +81,6 @@ dialog {
     }
 }
 
-dialog>div {
-    margin: 16px;
-    padding: 1em;
-}
-
 dialog form[method="Dialog"] {
     margin: 1em 0 0 !important;
 }

static-src/styles/forms.scss

@@ -110,6 +110,10 @@ a.button {
     }
 }
 
+button {
+    margin-right: 8px;
+}
+
 button.inline {
     min-height: auto;
     margin: 0;

views/profile.pug

@@ -131,6 +131,8 @@ block content
             unless index == data.primaryPersonaIndex
               +generatePersona(persona, false)
           h2 Profile
+          if data.verifiers.length > 0
+            button(onClick=`showQR('${data.verifiers[0].url}', 'profile_verifier_url')` aria-label='Show profile ID QR') Keyoxide profile QR
           button(onClick=`showQR('${data.identifier}', 'profile_identifier')` aria-label='Show profile ID QR') Profile ID QR
 
     section