From 1efa4b04d053c5fdaea301f74b69ffe0c371416c Mon Sep 17 00:00:00 2001
From: Ryan Peters <ryanpeters@microsoft.com>
Date: Mon, 16 Dec 2024 15:22:03 -0500
Subject: [PATCH] add login button

---
 Views/Login/Login.cshtml |  1 +
 wwwroot/css/site.css     | 60 +++++++++++++++++++++++++---------------
 2 files changed, 38 insertions(+), 23 deletions(-)

diff --git a/Views/Login/Login.cshtml b/Views/Login/Login.cshtml
index 21b6c85..f94d1ce 100644
--- a/Views/Login/Login.cshtml
+++ b/Views/Login/Login.cshtml
@@ -2,6 +2,7 @@
 
 <form method="post">
     <input type="password" name="passphrase" placeholder="Passphrase" />
+    <button type="submit">Login</button>
 </form>
 
 @section scripts {
diff --git a/wwwroot/css/site.css b/wwwroot/css/site.css
index a761322..96bdc95 100644
--- a/wwwroot/css/site.css
+++ b/wwwroot/css/site.css
@@ -28,19 +28,19 @@ div.note-names {
     opacity: 0.5;
 }
 
-    div.note-names a {
-        color: #666;
-        padding-left: 10px;
-        text-decoration: none;
-    }
+div.note-names a {
+    color: #666;
+    padding-left: 10px;
+    text-decoration: none;
+}
 
-        div.note-names a.current {
-            font-weight: bold;
-        }
+div.note-names a.current {
+    font-weight: bold;
+}
 
-        div .note-names a:not(:last-of-type) {
-            border-right: 1px solid #666;
-        }
+div .note-names a:not(:last-of-type) {
+    border-right: 1px solid #666;
+}
 
 textarea {
     width: 100%;
@@ -57,7 +57,9 @@ textarea {
     border-width: 0;
 }
 
-body.dark, body.dark input, body.dark textarea {
+body.dark,
+body.dark input,
+body.dark textarea {
     background-color: #222;
     color: #ddd;
 }
@@ -74,24 +76,36 @@ body.dark, body.dark input, body.dark textarea {
     border-radius: 5px 5px 0 0;
 }
 
-    .toast.show {
-        bottom: 0;
-    }
+.toast.show {
+    bottom: 0;
+}
 
-    .toast#saved-indicator {
-        background-color: green;
-    }
+.toast#saved-indicator {
+    background-color: green;
+}
 
-    .toast#update-indicator {
-        background-color: orangered;
-    }
+.toast#update-indicator {
+    background-color: orangered;
+}
 
-form input[type=password] {
+form input[type=password],
+button {
     display: block;
+    width: 100%;
+    max-width: 300px;
     margin: 20px auto;
     font-size: 20px;
     padding: 8px;
-    border: 1px solid #999;
+    border: 1px solid #fff;
     border-radius: 4px;
+}
+
+form input[type=password] {
     color: #999;
 }
+
+form button {
+    cursor: pointer;
+    color: #fff;
+    background-color: #009E60;
+}
\ No newline at end of file