From 9d97e51ee26a70c81caf3516dde413787ece275b Mon Sep 17 00:00:00 2001
From: Paulus Schoutsen <paulus@paulusschoutsen.nl>
Date: Sat, 29 Aug 2015 11:50:24 -0700
Subject: [PATCH] Add splash image to login form

---
 src/layouts/login-form.html | 43 ++++++++++++++++---------------------
 src/layouts/login-form.js   |  1 -
 2 files changed, 18 insertions(+), 26 deletions(-)

diff --git a/src/layouts/login-form.html b/src/layouts/login-form.html
index 2fdc252419..b0391736ba 100644
--- a/src/layouts/login-form.html
+++ b/src/layouts/login-form.html
@@ -41,6 +41,7 @@
     }
 
     #validatebox {
+      margin-top: 16px;
       text-align: center;
     }
 
@@ -50,33 +51,25 @@
   </style>
 
   <template>
-    <div class="layout horizontal center fit login" id="splash">
-      <div class="layout vertical center flex">
-
-        <img src="/static/favicon-192x192.png" />
-        <h1>Home Assistant</h1>
-
-        <a href="#" id="hideKeyboardOnFocus"></a>
-
-        <div class='interact'>
-          <div id='loginform' hidden$="[[isValidating]]">
-            <paper-input-container id="passwordDecorator" invalid="[[isInvalid]]">
-              <label>Password</label>
-              <input is="iron-input" type="password" id="passwordInput" />
-              <paper-input-error invalid="[[isInvalid]]">[[errorMessage]]</paper-input-error>
-            </paper-input-container>
-
-            <div class="layout horizontal center">
-              <paper-checkbox for id='rememberLogin'>Remember</paper-checkbox>
-              <paper-button id='loginButton'>Log In</paper-button>
-            </div>
-          </div>
-
-          <div id="validatebox" hidden$="[[!isValidating]]">
-            <paper-spinner active="true"></paper-spinner><br />
-            <div class="validatemessage">Loading data…</div>
+    <div class="layout vertical center center-center fit">
+      <img src="/static/splash.png" height="230" />
+      <a href="#" id="hideKeyboardOnFocus"></a>
+      <div class='interact'>
+        <div id='loginform' hidden$="[[isValidating]]">
+          <paper-input-container id="passwordDecorator" invalid="[[isInvalid]]">
+            <label>Password</label>
+            <input is="iron-input" type="password" id="passwordInput" />
+            <paper-input-error invalid="[[isInvalid]]">[[errorMessage]]</paper-input-error>
+          </paper-input-container>
+          <div class="layout horizontal center">
+            <paper-checkbox for id='rememberLogin'>Remember</paper-checkbox>
+            <paper-button id='loginButton'>Log In</paper-button>
           </div>
         </div>
+        <div id="validatebox" hidden$="[[!isValidating]]">
+          <paper-spinner active="true"></paper-spinner><br />
+          <div class="validatemessage">Loading data</div>
+        </div>
       </div>
     </div>
   </template>
diff --git a/src/layouts/login-form.js b/src/layouts/login-form.js
index 019f7965e2..e2f4e98f84 100644
--- a/src/layouts/login-form.js
+++ b/src/layouts/login-form.js
@@ -54,7 +54,6 @@ export default new Polymer({
     if (ev.keyCode === 13) {
       this.validatePassword();
       ev.preventDefault();
-
     // clear error after we start typing again
     } else if (this.isInvalid) {
       this.isInvalid = false;