UL-based identity list + markup fixes

src/views/IdentitySwitcherView.vue

@@ -9,34 +9,32 @@
     <!-- Identity List -->
 
     <!-- Current Identity - Display First! -->
-    <a
+    <div class="block bg-slate-100 rounded-md flex items-center px-4 py-3 mb-4">
-      href="account-view.html"
-      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
+    <ul class="mb-4">
-      href="account-view.html"
+      <li
-      class="block bg-slate-100 rounded-md flex items-center px-4 py-3 mb-4"
+        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>
+        <fa icon="circle" class="fa-fw text-slate-400 text-xl mr-3"></fa>
-      <span>
+        <span class="overflow-hidden">
-        <h2 class="text-xl font-semibold mb-0">Givenname Surname</h2>
+          <h2 class="text-xl font-semibold mb-0">Givenname Surname</h2>
-        <div class="text-sm text-slate-500">
+          <div class="text-sm text-slate-500 truncate">
-          <b>ID:</b> <code>did:peer:lk451kl3kl45kj41</code>
+            <b>ID:</b> <code>did:peer:lk451kl3kl45kj41</code>
-        </div>
+          </div>
-      </span>
+        </span>
-    </a>
+      </li>
+    </ul>
 
     <!-- Actions -->
     <router-link