From e00060ec7c5f64943b8e77935213130b11f6e995 Mon Sep 17 00:00:00 2001
From: Rein Krul <info@reinkrul.nl>
Date: Fri, 8 May 2026 13:48:56 +0200
Subject: [PATCH] Wrap long issuer DIDs in wallet credentials table

Long issuer values (e.g. did:x509:...) have no natural break points
and pushed the Status and Delete columns past the card boundary.
Adding break-all to the issuer cell lets the string wrap so the
table fits within the section.

Assisted by AI
---
 web/src/admin/IdentityDetails.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/admin/IdentityDetails.vue b/web/src/admin/IdentityDetails.vue
index 4e5e87d..5766679 100644
--- a/web/src/admin/IdentityDetails.vue
+++ b/web/src/admin/IdentityDetails.vue
@@ -87,7 +87,7 @@
           <tr v-for="credential in details.wallet_credentials" :key="credential.id"
               style="cursor: pointer">
             <td @click="$router.push({name: 'admin.credentialDetails', params: {subjectID: $route.params.subjectID, credentialID: credential.id}})">{{ credential.type.filter(t => t !== "VerifiableCredential").join(', ') }}</td>
-            <td @click="$router.push({name: 'admin.credentialDetails', params: {subjectID: $route.params.subjectID, credentialID: credential.id}})">{{ credential.issuer }}</td>
+            <td class="break-all" @click="$router.push({name: 'admin.credentialDetails', params: {subjectID: $route.params.subjectID, credentialID: credential.id}})">{{ credential.issuer }}</td>
             <td @click="$router.push({name: 'admin.credentialDetails', params: {subjectID: $route.params.subjectID, credentialID: credential.id}})">
               <span :class="statusClass(credential.status)">{{ credential.status }}</span>
             </td>