From 18e00b95c751f4bc8b3313fa2cfb8c5808432878 Mon Sep 17 00:00:00 2001
From: Jose Olarte III <brownspank@anomalistdesign.com>
Date: Wed, 13 Dec 2023 17:41:27 +0800
Subject: [PATCH] Fixed size and alignment of QR code button

---
 src/views/ContactsView.vue | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

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