From 985f8118dd7b3e07fec95b5366f4bf11916899ad Mon Sep 17 00:00:00 2001
From: Shawn A <spam@rumental.com>
Date: Fri, 8 Sep 2017 22:28:13 -0500
Subject: [PATCH] style lists /info

---
 WiFiManager.h                    |  2 ++
 extras/WiFiManager.template.html | 21 +++++++++++++++++++--
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/WiFiManager.h b/WiFiManager.h
index dfb0f7c..40e5c0e 100644
--- a/WiFiManager.h
+++ b/WiFiManager.h
@@ -38,6 +38,8 @@ const char HTTP_STYLE[] PROGMEM           = "<style>"
 "background-size: 95px 16px;}}"
 // msg callouts
 ".msg{padding:20px;margin:20px 0;border:1px solid #eee;border-left-width:5px;border-radius:3px;border-left-color:#777}.msg h4{margin-top:0;margin-bottom:5px}.msg.P{border-left-color:#1fa3ec}.msg.P h4{color:#1fa3ec}.msg.D{border-left-color:#d9534f}.msg.D h4{color:#d9534f}"
+// lists
+"dt{font-weight:bold}dd{margin:0;padding:0 0 0.5em 0}"
 "</style>";
 
 const char HTTP_SCRIPT[] PROGMEM          = "<script>function c(l){document.getElementById('s').value=l.innerText||l.textContent;document.getElementById('p').focus();}</script>";
diff --git a/extras/WiFiManager.template.html b/extras/WiFiManager.template.html
index 2a49be3..09ae94b 100644
--- a/extras/WiFiManager.template.html
+++ b/extras/WiFiManager.template.html
@@ -124,6 +124,13 @@ a:hover {
     color: #d9534f;
 }
 
+dt {
+	font-weight: bold;
+}
+dd {
+	margin: 0;
+	padding: 0 0 0.5em 0;
+}
 </style>
 <!-- /HTTP_STYLE -->
 <!-- HTTP_SCRIPT -->
@@ -189,8 +196,18 @@ a:hover {
 			<div class='msg'><h4>Information</h4>Connected to AP: homeAP</div>
 			<div class='msg D'><h4>Connect Failed</h4>An error occured</div>
 			<!-- /SAMPLE -->
-
-
+			<!-- SAMPLE -->
+			<h2>/info</h3><hr>
+			<dl>
+				<dt>Chip ID</dt><dd>123456</dd>
+				<dt>Flash Chip ID</dt><dd>1234556</dd>
+				<dt>IDE Flash Size</dt><dd>4194304 bytes</dd>
+				<dt>Real Flash Size</dt><dd>4194304 bytes</dd>
+				<dt>Soft AP IP</dt><dd>192.168.4.1</dd>
+				<dt>Soft AP MAC</dt><dd>00:00:00:00:00:00</dd>
+				<dt>Station MAC</dt><dd>00:00:00:00:00:00</dd>
+			</dl>
+			<!-- /SAMPLE -->
 <!-- HTTP_END -->
     </div>
 	</body>