From b93e889923f5829931b7fcb89a607e55ef2b0f81 Mon Sep 17 00:00:00 2001
From: Preston Doman <pdoman@pdx.edu>
Date: Sun, 20 Jan 2019 21:45:42 -0800
Subject: [PATCH] Add Bootstrap styling to login form

---
 front/static/login.html | 33 +++++++++++++++++++++++++++------
 1 file changed, 27 insertions(+), 6 deletions(-)

diff --git a/front/static/login.html b/front/static/login.html
index 5f44283..dfe9ce5 100644
--- a/front/static/login.html
+++ b/front/static/login.html
@@ -14,12 +14,33 @@
     <nav class="navbar navbar-expand-sm navbar-dark bg-primary">
         <a class="navbar-brand" href="index.html">Reimbursinator</a>
     </nav>
-    <h1>Log in</h1>
-    <form method="POST">
-        username: <input type="text" name="username" required><br>
-        password: <input type="password" name="password" required><br>
-        <input type="submit" name="submit" value="submit">
-    </form>
+    <div class="container pt-5">
+        <div class="row h-100">
+            <div class="col-sm-6 mx-auto">
+                <div class="card bg-light text-dark">
+                    <div class="card-header">
+                        <h3>Please log in</h3>
+                    </div>
+                    <div class="card-body">
+                        <form class="form" autocomplete="off">
+                            <div class="form-group">
+                                <label for="formGroupUsername">Username:</label>
+                                <input class="form-control" id="formGroupUsername" type="text" name="username" required autofocus>
+                            </div>
+                            <div class="form-group">
+                                <label for="formGroupPassword">Password:</label>
+                                <input class="form-control" id="formGroupPassword" type="password" name="password" required>
+                            </div>
+                            <button type="submit" class="btn btn-primary pull-right">Submit</button>
+                        </form>
+                    </div>
+                    <div class="card-footer">
+                        Not registered? <a href="signup.html">Sign up</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
     <p id="errorReport"><p>
     <script src="login.js"></script>
 </body>