improved signin screen

added helsinki logo

3 files changed, 16 insertions, 1 deletions

diff --git a/img/helsinki.png b/img/helsinki.png
new file mode 100644
index 0000000..ec74fc3
--- /dev/null
+++ b/img/helsinki.png
diff --git a/index.html b/index.html
index 7408202..23d7850 100644
--- a/index.html
+++ b/index.html
@@ -11,6 +11,7 @@
   <link href="/styles/signin.css" rel="stylesheet">
   <style type="text/css">
     body {
+      background-color: #eee;
       padding-top: 60px;
       padding-bottom: 40px;
     }
@@ -51,7 +52,8 @@
 
   <div class="container">
     <form id="loginform" class="form-signin" role="form">
-      <h1>Radio Helsinki - Import</h1>
+      <img src="/img/helsinki.png" />
+      <h1 class="form-signin-heading">Radio Helsinki - Import</h1>
       <h2 class="form-signin-heading">Please sign in</h2>
       <input id="username" type="text" class="form-control" placeholder="Username" required autofocus>
       <input id="password" type="password" class="form-control" placeholder="Password" required>
diff --git a/styles/signin.css b/styles/signin.css
index dc99d8e..fbbac35 100644
--- a/styles/signin.css
+++ b/styles/signin.css
@@ -3,6 +3,12 @@
   padding: 15px;
   margin: 0 auto;
 }
+.form-signin img {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  margin-bottom: 10px;
+}
 .form-signin .form-signin-heading {
   margin-bottom: 10px;
 }
@@ -14,6 +20,10 @@
   box-sizing: border-box;
   padding: 10px;
   font-size: 16px;
+  width: 100%;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
 }
 .form-signin .form-control:focus {
   z-index: 2;
@@ -30,4 +40,7 @@
 }
 .form-signin button[type="submit"] {
   display: block;
+  margin-left: auto;
+  margin-right: auto;
+  width: 100%;
 }