more account settings page improvements, among others

admin/views/create-account.html

@@ -1,7 +1,7 @@
 {{define "head"}}
 <title>Register - ari melody 💫</title>
 <link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
-<link rel="stylesheet" href="/admin/static/index.css">
+<link rel="stylesheet" href="/admin/static/admin.css">
 <style>
 p a {
     color: #2a67c8;
@@ -43,13 +43,6 @@ input {
     font-family: inherit;
     color: inherit;
 }
-
-#error {
-    background: #ffa9b8;
-    border: 1px solid #dc5959;
-    padding: 1em;
-    border-radius: 4px;
-}
 </style>
 {{end}}
 

admin/views/edit-account.html

@@ -35,15 +35,20 @@
         {{if .TOTPs}}
         {{range .TOTPs}}
         <div class="mfa-device">
-            <h3 class="mfa-device-name">{{.Name}}</h3>
-            <p class="mfa-device-date">{{.CreatedAt}}</p>
+            <div>
+                <p class="mfa-device-name">{{.Name}}</p>
+                <p class="mfa-device-date">Added: {{.CreatedAt}}</p>
+            </div>
+            <div>
+                <a class="delete">Delete</a>
+            </div>
         </div>
         {{end}}
         {{else}}
         <p>You have no MFA devices.</p>
         {{end}}
 
-        <a class="create-btn" id="add-mfa-device">Add MFA Device</a>
+        <button type="submit" class="new" id="add-mfa-device">Add MFA Device</button>
     </div>
 
     <div class="card-title">

admin/views/login.html

@@ -1,7 +1,7 @@
 {{define "head"}}
 <title>Login - ari melody 💫</title>
 <link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
-
+<link rel="stylesheet" href="/admin/static/admin.css">
 <style>
 p a {
     color: #2a67c8;
@@ -52,6 +52,10 @@ input[disabled] {
 
 {{define "content"}}
 <main>
+    {{if .Message}}
+    <p id="error">{{.Message}}</p>
+    {{end}}
+
     {{if .Token}}
 
     <meta http-equiv="refresh" content="0;url=/admin/" />