From eb3e3017cbd65d3b46bf1ca69195e72e56f64442 Mon Sep 17 00:00:00 2001
From: Michael Tremer <michael.tremer@ipfire.org>
Date: Mon, 1 May 2017 12:24:07 +0100
Subject: [PATCH] captive: Style any error messages

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---
 html/html/captive/assets/captive.css | 15 +++++++++++++--
 html/html/captive/template.html      |  6 +++---
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/html/html/captive/assets/captive.css b/html/html/captive/assets/captive.css
index d02efeee3d..f575f01ee4 100644
--- a/html/html/captive/assets/captive.css
+++ b/html/html/captive/assets/captive.css
@@ -107,8 +107,8 @@ footer {
 	box-shadow: inset 0 -2px 0 0 #546e7a;
 }
 
-.form-text .error {
-	box-shadow: 0 -2px 0 0 #ff3d00;
+.form-error {
+	box-shadow: inset 0 -2px 0 0 #ff3d00;
 }
 
 .form-submit {
@@ -163,3 +163,14 @@ footer {
 	border: 2px solid #546e7a;
 	border-radius: 2px;
 }
+
+.text-error {
+	position: block;
+	margin-top: 6px;
+	min-height: 23px;
+
+	color: white;
+	background-color: #ff3d00;
+
+	border-radius: 2px;
+}
diff --git a/html/html/captive/template.html b/html/html/captive/template.html
index a15c9a3ff3..ad1c6ce2be 100644
--- a/html/html/captive/template.html
+++ b/html/html/captive/template.html
@@ -38,7 +38,7 @@
 								<input type="hidden" name="url" value="<TMPL_VAR NAME="URL">">
 
 								<TMPL_IF NAME="COUPON">
-										<input class="form-text <TMPL_IF NAME="ERROR">error</TMPL_IF>" type="text" name="COUPON">
+										<input class="form-text <TMPL_IF NAME="ERROR">form-error</TMPL_IF>" type="text" name="COUPON">
 										<input class="form-submit" type="submit"
 											value="<TMPL_VAR NAME="L_ACTIVATE">">
 								<TMPL_ELSE>
@@ -47,9 +47,9 @@
 								</TMPL_IF>
 
 								<TMPL_IF NAME="ERROR">
-									<p class="error">
+									<div class="text-error">
 										<TMPL_VAR NAME="ERROR">
-									</p>
+									</div>
 								</TMPL_IF>
 
 								<TMPL_IF NAME="TERMS">
-- 
2.39.2