move QR for contact up, right under header

src/views/AccountViewView.vue

@@ -3,10 +3,23 @@
   <!-- CONTENT -->
   <section id="Content" class="p-6 pb-24">
     <!-- Heading -->
-    <h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-8">
+    <h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-4">
       Your Identity
     </h1>
 
+    <div class="flex justify-between">
+      <span />
+      <span class="whitespace-nowrap">
+        <router-link
+          :to="{ name: 'contact-qr' }"
+          class="text-xs uppercase bg-slate-500 text-white px-1.5 py-1 rounded-md"
+        >
+          <fa icon="qrcode" class="fa-fw"></fa>
+        </router-link>
+      </span>
+      <span />
+    </div>
+
     <div class="flex justify-between py-2">
       <span />
       <span>
@@ -53,14 +66,6 @@
           <fa icon="copy" class="text-slate-400 fa-fw"></fa>
         </button>
         <span v-show="showDidCopy">Copied!</span>
-        <span class="whitespace-nowrap ml-4">
-          <router-link
-            :to="{ name: 'contact-qr' }"
-            class="text-xs uppercase bg-slate-500 text-white px-1.5 py-1 rounded-md ml-1"
-          >
-            <fa icon="qrcode" class="fa-fw"></fa>
-          </router-link>
-        </span>
       </div>
 
       <div class="text-slate-500 text-sm font-bold">Public Key (base 64)</div>