captive: Style any error messages

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/html/html/captive/assets/captive.css b/html/html/captive/assets/captive.css
index d02efeee3d9d69952e9b53a369f702d4e288d0d9..f575f01ee47c4c27ac6da36155ba60c9b14229cc 100644 (file)
--- 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 a15c9a3ff378493d85eedddb71bdc8c08a674920..ad1c6ce2be7265adf140833abd8e03bf6c74893a 100644 (file)
--- 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">