From d19e93506964ecf3f5a8c0042b9daca05c89a8e7 Mon Sep 17 00:00:00 2001
From: Mike Smith <89040888+smiggiddy@users.noreply.github.com>
Date: Thu, 20 Feb 2025 16:50:58 -0500
Subject: [PATCH] finished app

---
 keynotes.app/public/css/style.css   | 29 ++++++++++++++++++++++++++---
 keynotes.app/src/views/login.ejs    |  6 +++---
 keynotes.app/src/views/register.ejs |  2 +-
 3 files changed, 30 insertions(+), 7 deletions(-)

diff --git a/keynotes.app/public/css/style.css b/keynotes.app/public/css/style.css
index 280cd66..b8e1e23 100644
--- a/keynotes.app/public/css/style.css
+++ b/keynotes.app/public/css/style.css
@@ -105,6 +105,10 @@ form {
   max-width: 50vw;
 }
 
+input {
+  padding: 0.75em;
+}
+
 .flex {
   display: flex;
 }
@@ -153,6 +157,7 @@ form {
   padding: 1em;
   text-decoration: none;
   border-radius: 0.7em;
+  font-size: 1em;
 }
 
 .btn__link {
@@ -166,6 +171,14 @@ form {
   background: #bfbba9;
 }
 
+.btn__form {
+  background: #f0f0f0;
+}
+
+.btn__form:hover {
+  background: #bfbba9;
+}
+
 .hero > .btn__link {
   margin-top: 2em;
 }
@@ -221,11 +234,15 @@ form {
 .form-item {
   flex-direction: column;
   width: 100%;
+  margin: 0.5em 0;
 }
 
-/*.active__underline {*/
-/**/
-/*}*/
+.form-item-row {
+  flex-direction: column;
+  width: 100%;
+  margin: 0.5em 0;
+  gap: 0.5em;
+}
 
 .hover__underline {
   /*display: inline-block;*/
@@ -281,6 +298,12 @@ form {
   .grid__span_two {
     grid-column-end: span 2;
   }
+  .form-item-row {
+    flex-direction: row;
+    width: 100%;
+    margin: 0.5em 0;
+    gap: 0.5em;
+  }
 
   /*.form-item > .btn {*/
   /*  max-width: 200px;*/
diff --git a/keynotes.app/src/views/login.ejs b/keynotes.app/src/views/login.ejs
index 3f4befd..6d2f0bf 100644
--- a/keynotes.app/src/views/login.ejs
+++ b/keynotes.app/src/views/login.ejs
@@ -8,9 +8,9 @@
 		<label for="password">Password</label>
 		<input type="password" name="password" required/>
 	</div>
-		<div class="form-item flex">
-			<button type="submit" class="btn">Login</button>
-			<button type="button" class="btn" onclick="document.location.href='/auth/register'">Sign up</button>
+		<div class="form-item-row flex">
+			<button type="submit" class="btn btn__form">Login</button>
+			<button type="button" class="btn btn__form" onclick="document.location.href='/auth/register'">Sign up</button>
 		</div>
 	
 </form>
diff --git a/keynotes.app/src/views/register.ejs b/keynotes.app/src/views/register.ejs
index 227078e..b9cd1d0 100644
--- a/keynotes.app/src/views/register.ejs
+++ b/keynotes.app/src/views/register.ejs
@@ -23,7 +23,7 @@
 		<input type="password" name="confirm-password" required/>
 	</div>
 		<div class="form-item flex">
-			<button type="submit" class="btn">Register</button>
+			<button type="submit" class="btn btn__form">Register</button>
 		</div>
 	
 </form>