From 8b17a96ea383b4cc771014cc17098a6d8433fba6 Mon Sep 17 00:00:00 2001
From: Florian Gareis <TheZoker@users.noreply.github.com>
Date: Fri, 8 Mar 2019 12:42:22 +0100
Subject: [PATCH] Add color to login error for better visability (#478)

---
 esphome/dashboard/static/esphome.css   | 7 +++++++
 esphome/dashboard/templates/login.html | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/esphome/dashboard/static/esphome.css b/esphome/dashboard/static/esphome.css
index 2e2b4787a6..29455d9851 100644
--- a/esphome/dashboard/static/esphome.css
+++ b/esphome/dashboard/static/esphome.css
@@ -235,3 +235,10 @@ ul.stepper:not(.horizontal) .step.active::before, ul.stepper:not(.horizontal) .s
   vertical-align: middle;
   color: #666 !important;
 }
+
+.error {
+  background: #e53935;
+  color: #fff;
+  padding: 10px 15px;
+  margin-top: 15px;
+}
diff --git a/esphome/dashboard/templates/login.html b/esphome/dashboard/templates/login.html
index 320ca0cc58..c2777b9959 100644
--- a/esphome/dashboard/templates/login.html
+++ b/esphome/dashboard/templates/login.html
@@ -35,7 +35,7 @@
             Please login using your Home Assistant credentials.
           </p>
           {% if error is not None %}
-            <p>
+            <p class="error">
               {{ escape(error) }}
             </p>
           {% end %}