updated some styles

velconnect/templates/index.jinja

@@ -23,6 +23,11 @@
             margin: 1em;
             box-shadow: 0 0 2em #0003;
         }
+    
+        input.btn {
+            cursor: auto;
+            user-select: auto;
+        }
 
         .centered {
             margin: auto;
@@ -56,12 +61,14 @@
                                 data-tooltip="Set Room ID">Set</button>
                         </div>
                     </div>
+                    <br>
                     <div class="tile tile-centered">
                         <div class="tile-content">
                             <div class="tile-title text-bold">First Added</div>
                             <div class="tile-subtitle date_created">---</div>
                         </div>
                     </div>
+                    <br>
                     <div class="tile tile-centered">
                         <div class="tile-content">
                             <div class="tile-title text-bold">Last Used</div>

velconnect/templates/pair.jinja

@@ -15,6 +15,10 @@
     <link rel="stylesheet" href="/static/css/spectre.min.css">
     <script src="/static/js/util.js"></script>
     <style>
+        :root {
+            --primary-color: #bc1f2d;
+        }
+
         #pair_code {
             max-width: 4em;
         }
@@ -28,6 +32,11 @@
             box-shadow: 0 0 2em #0003;
         }
 
+        input.btn {
+            cursor: auto;
+            user-select: auto;
+        }
+
         .centered {
             margin: auto;
         }
@@ -70,7 +79,7 @@
                 let respData = JSON.parse(resp);
                 if (respData['hw_id'] != '') {
                     document.cookie = "hw_id=" + respData['hw_id'] + "; SameSite=None; Secure";
-                    window.location.href = "/success";
+                    window.location.href = "/";
                 }
             }, (status) => {
                 window.location.href = "/failure";