Fixed size and alignment of QR code button

src/views/ContactsView.vue

@@ -19,12 +19,13 @@
     </div>
 
     <!-- New Contact -->
-    <div class="mb-4 flex">
+    <div class="mb-4 flex items-stretch">
-      <span class="self-center bg-slate-500 text-white px-1.5 py-1 rounded-md">
+      <router-link
-        <router-link :to="{ name: 'contact-qr' }">
+        :to="{ name: 'contact-qr' }"
-          <fa icon="qrcode" class="fa-fw" />
+        class="flex items-center bg-slate-500 text-white px-1.5 py-1 mr-1 rounded-md"
-        </router-link>
+      >
-      </span>
+        <fa icon="qrcode" class="fa-fw text-2xl" />
+      </router-link>
       <input
         type="text"
         placeholder="DID, Name, Public Key (base 16 or 64)"