From f31f06c8700578e61e36904d9b28898f3eefe79a Mon Sep 17 00:00:00 2001
From: Leo Vasanko <git@vasanko.com>
Date: Mon, 7 Sep 2026 18:47:39 +0000
Subject: [PATCH] Admin UI: well-known document is a one-liner with
 click-to-copy, no separate button

---
 frontend/src/admin/AdminDialogs.vue | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/frontend/src/admin/AdminDialogs.vue b/frontend/src/admin/AdminDialogs.vue
index 9d21bce..408004f 100644
--- a/frontend/src/admin/AdminDialogs.vue
+++ b/frontend/src/admin/AdminDialogs.vue
@@ -460,10 +460,7 @@ function onRemoveOrigin(i) {
             <a :href="wellKnownUrl" target="_blank" rel="noopener noreferrer">{{ wellKnownUrl }}</a>
             — served automatically when this instance hosts {{ dialog.data.rp_id }}; otherwise publish this document there:
           </p>
-          <div class="wellknown-doc">
-            <pre>{{ wellKnownJson }}</pre>
-            <button type="button" class="icon-btn" @click="copyText(wellKnownJson, 'Well-known document')" aria-label="Copy well-known document" title="Copy">📋</button>
-          </div>
+          <pre class="wellknown-doc" title="Click to copy" tabindex="0" @click="copyText(wellKnownJson, 'Well-known document')" @keydown.enter.prevent="copyText(wellKnownJson, 'Well-known document')">{{ wellKnownJson }}</pre>
         </template>
         <ul v-if="hasDiagnostics" class="diag-list">
           <li v-if="dialog.data.originValidation.some(v => v === 'invalid')" class="small error">Some entries are invalid — check for typos in the hostname; a bare '*' or '**' is not allowed, and wildcards only within the domain.</li>
@@ -628,8 +625,7 @@ function onRemoveOrigin(i) {
 .row-menu-popup .menu-icon { flex-shrink: 0; width: 1.1em; text-align: center; }
 .row-menu-popup .delete-menu-icon { filter: saturate(1.4); }
 
-.wellknown-doc { display: flex; align-items: flex-start; gap: var(--space-xs); }
-.wellknown-doc pre { flex: 1; min-width: 0; margin: 0; padding: var(--space-xs) var(--space-sm); font-size: 0.8rem; background: var(--color-bg-soft, rgba(127,127,127,0.08)); border-radius: 4px; white-space: pre-wrap; overflow-wrap: anywhere; }
+.wellknown-doc { margin: 0; padding: var(--space-xs) var(--space-sm); font-size: 0.8rem; background: var(--color-bg-soft, rgba(127,127,127,0.08)); border-radius: 4px; white-space: pre; overflow: hidden; text-overflow: ellipsis; cursor: pointer; }
 
 .input-error {
   border-color: var(--color-error);