Continue implementing WhatsApp

core/templates/partials/whatsapp-account-add.html

@@ -1,6 +1,15 @@
 <div class="whatsapp-account-add-fragment">
   {% if object.ok %}
-    <img src="data:image/png;base64, {{ object.image_b64 }}" alt="WhatsApp QR code" />
+    <img
+      src="data:image/png;base64, {{ object.image_b64 }}"
+      alt="WhatsApp QR code"
+      style="
+        display: block;
+        width: 100%;
+        max-width: 420px;
+        height: auto;
+        margin: 0 auto;
+      " />
     {% if object.warning %}
       <p class="is-size-7" style="margin-top: 0.6rem;">{{ object.warning }}</p>
     {% endif %}
@@ -27,8 +36,15 @@
         </form>
       {% endif %}
       {% if object.debug_lines %}
-        <details style="margin-top: 0.6rem;">
+        <details open style="margin-top: 0.6rem;">
           <summary><strong>Runtime Debug</strong></summary>
+          <button
+            type="button"
+            class="button is-small is-light"
+            style="margin-top: 0.45rem; margin-bottom: 0.35rem;"
+            onclick="navigator.clipboard.writeText(this.nextElementSibling.innerText); return false;">
+            Copy debug
+          </button>
           <article class="notification is-light" style="margin-top: 0.5rem; margin-bottom: 0;">
             <pre class="is-size-7" style="white-space: pre-wrap; margin: 0;">{% for line in object.debug_lines %}{{ line }}
 {% endfor %}</pre>