Fix login view so the user knows where they are logging in to

1 files changed, 24 insertions, 0 deletions

diff --git a/public/stylesheets/admin.css b/public/stylesheets/admin.css
index 6664c4ce..a27968e9 100644
--- a/public/stylesheets/admin.css
+++ b/public/stylesheets/admin.css
@@ -101,6 +101,25 @@ input[type=radio] {
 
 #login_form {
   max-width: 22rem;
+  margin: 2rem auto;
+  padding: 1.25rem;
+  border: 1px solid #e8e8e8;
+  border-radius: 6px;
+}
+
+#login_form h1 {
+  margin-top: 0;
+  font-size: 1.25rem;
+}
+
+#login_form label {
+  display: block;
+  margin-bottom: 0.25rem;
+  text-transform: lowercase;
+}
+
+#login_form .login_field {
+  margin-bottom: 1rem;
 }
 
 #login_form input[type=text],
@@ -109,6 +128,11 @@ input[type=radio] {
   box-sizing: border-box;
 }
 
+#login_form input[type=submit] {
+  width: 100%;
+  padding: 0.6rem 1rem;
+}
+
 /* ============================================================
    Navigation
    ============================================================ */