move gh/youtube links to top of page

index.html

@@ -129,6 +129,10 @@
     #query-warning summary {
       cursor: pointer;
     }
+    header {
+      position: absolute;
+      top: 20px;
+    }
   </style>
   <script src="/qrcode.js"></script>
 </head>
@@ -136,6 +140,12 @@
 
   <div id="loader"></div>
 
+  <header>
+    <a class="source-link" href="https://github.com/p2r3/ha.mr">Source code on GitHub</a>
+    |
+    <a class="source-link" href="https://www.youtube.com/watch?v=TOr1Vvji6jA">Explanation video</a>
+  </header>
+
   <div id="content">
 
     <h1 class="title">ha.mr</h1>
@@ -175,12 +185,6 @@
       <input type="checkbox" id="settings-qr" name="settings-qr" autocomplete="off">
       <label for="settings-qr"> Output QR code</label><br>
     </span>
-    <br><br>
-    <div>
-      <a class="source-link" href="https://github.com/p2r3/ha.mr">Source code on GitHub</a>
-      |
-      <a class="source-link" href="https://www.youtube.com/watch?v=TOr1Vvji6jA">Explanation video</a>
-    </div>
 
   </div>