From 44fc2850dd61ea17cdb3ec5641e77392b86f7f40 Mon Sep 17 00:00:00 2001
From: Jose Olarte III <brownspank@anomalistdesign.com>
Date: Wed, 12 Jul 2023 16:48:30 +0800
Subject: [PATCH] UL-based identity list + markup fixes

---
 src/views/IdentitySwitcherView.vue | 36 ++++++++++++++----------------
 1 file changed, 17 insertions(+), 19 deletions(-)

diff --git a/src/views/IdentitySwitcherView.vue b/src/views/IdentitySwitcherView.vue
index 5c10d2d..8a1d3e8 100644
--- a/src/views/IdentitySwitcherView.vue
+++ b/src/views/IdentitySwitcherView.vue
@@ -9,34 +9,32 @@
     <!-- Identity List -->
 
     <!-- Current Identity - Display First! -->
-    <a
-      href="account-view.html"
-      class="block bg-slate-100 rounded-md flex items-center px-4 py-3 mb-4"
-    >
+    <div class="block bg-slate-100 rounded-md flex items-center px-4 py-3 mb-4">
       <fa icon="circle-check" class="fa-fw text-blue-600 text-xl mr-3"></fa>
-      <span>
+      <span class="overflow-hidden">
         <h2 class="text-xl font-semibold mb-0">
           {{ firstName }} {{ lastName }}
         </h2>
-        <div class="text-sm text-slate-500">
+        <div class="text-sm text-slate-500 truncate">
           <b>ID:</b> <code>{{ activeDid }}</code>
         </div>
       </span>
-    </a>
+    </div>
 
     <!-- Other Identity/ies -->
-    <a
-      href="account-view.html"
-      class="block bg-slate-100 rounded-md flex items-center px-4 py-3 mb-4"
-    >
-      <fa icon="circle" class="fa-fw text-slate-400 text-xl mr-3"></fa>
-      <span>
-        <h2 class="text-xl font-semibold mb-0">Givenname Surname</h2>
-        <div class="text-sm text-slate-500">
-          <b>ID:</b> <code>did:peer:lk451kl3kl45kj41</code>
-        </div>
-      </span>
-    </a>
+    <ul class="mb-4">
+      <li
+        class="block bg-slate-100 rounded-md flex items-center px-4 py-3 mb-2"
+      >
+        <fa icon="circle" class="fa-fw text-slate-400 text-xl mr-3"></fa>
+        <span class="overflow-hidden">
+          <h2 class="text-xl font-semibold mb-0">Givenname Surname</h2>
+          <div class="text-sm text-slate-500 truncate">
+            <b>ID:</b> <code>did:peer:lk451kl3kl45kj41</code>
+          </div>
+        </span>
+      </li>
+    </ul>
 
     <!-- Actions -->
     <router-link