From 9d3cc69b56cee9dc6528a006a41844edc6b6755b Mon Sep 17 00:00:00 2001
From: tablatronix <alverson@Shawns-MacBook-Pro.local>
Date: Fri, 9 Nov 2018 15:16:19 -0600
Subject: [PATCH 1/2] rework css

shrink css, add file upload input styling
---
 extras/WiFiManager.template.html | 18 ++++++++++++------
 strings_en.h                     |  6 ++++--
 2 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/extras/WiFiManager.template.html b/extras/WiFiManager.template.html
index 9a0b082..1ce1b0a 100644
--- a/extras/WiFiManager.template.html
+++ b/extras/WiFiManager.template.html
@@ -25,7 +25,6 @@ body.invert .q[role=img] {
     -webkit-filter: invert(1);
     filter: invert(1);
 }
-
 .c,
 body {
     text-align: center;
@@ -35,25 +34,28 @@ body {
 	text-align:left;
 	display:inline-block;
 	min-width:260px;
+	max-width:500px;
 }
 div,
 input {
     padding: 5px;
     font-size: 1em;
-}
-input {
-    width: 95%;
+    width: 100%;
     margin:5px 0;
+	box-sizing: border-box;
+	border-radius:.3rem;
 }
-button {
+button,input[type="button"],input[type="submit"] {
     border: 0;
-    border-radius: .3rem;
     background-color: #9933CC;
     color: #fff;
     line-height: 2.4rem;
     font-size: 1.2rem;
     width: 100%;
 }
+input[type="file"]{
+	border: 1px solid #9933CC;
+}
 a {
     color: #000;
     font-weight: 700;
@@ -293,6 +295,10 @@ button.D{
 		 		</table>
 		 		<p/>More information about WiFiManager at <a href='https://github.com/tzapu/WiFiManager'>https://github.com/tzapu/WiFiManager</a>
 			<!-- /HTTP_HELP -->
+			<!-- FORM_UPLOAD -->
+			<Br/><br/>Form UPLOAD<br/><form method='POST' action='u' enctype='multipart/form-data'><input type='file' name='update' accept='.bin,application/octet-stream'><input type='submit' value='Submit'></form>
+			<!-- /FORM_UPLOAD -->	
+
 <!-- HTTP_END -->
     </div>
 	</body>
diff --git a/strings_en.h b/strings_en.h
index 265ec5d..2bfe079 100644
--- a/strings_en.h
+++ b/strings_en.h
@@ -61,8 +61,10 @@ const char HTTP_STATUS_NONE[]      PROGMEM = "<div class='msg'>No AP set</div>";
 const char HTTP_BR[]               PROGMEM = "<br/>";
 
 const char HTTP_STYLE[]            PROGMEM = "<style>"
-".c,body{text-align:center;font-family:verdana}div,input{padding:5px;font-size:1em}input{width:95%;margin:5px 0}button{cursor:pointer;border:0;border-radius:.3rem;background-color:#1fa3ec;color:#fff;line-height:2.4rem;font-size:1.2rem;width:100%}"
-".wrap {text-align:left;display:inline-block;min-width:260px}"
+".c,body{text-align:center;font-family:verdana}div,input{padding:5px;font-size:1em;width:100%;margin:5px 0;border-radius:.3rem;box-sizing:border-box;}"
+"button,input[type='button'],input[type='submit']{cursor:pointer;border:0;background-color:#1fa3ec;color:#fff;line-height:2.4rem;font-size:1.2rem;width:100%}"
+"input[type='file']{border:1px solid #1fa3ec}"
+".wrap {text-align:left;display:inline-block;min-width:260px;max-width:500px}"
 // links
 "a{color:#000;font-weight:700;text-decoration:none}a:hover{color:#1fa3ec;text-decoration:underline}"
 // quality icons

From 65cb95585d23939158786a162991e50eaa481967 Mon Sep 17 00:00:00 2001
From: tablatronix <alverson@Shawns-MacBook-Pro.local>
Date: Fri, 9 Nov 2018 15:25:56 -0600
Subject: [PATCH 2/2] more css consolodating

---
 extras/WiFiManager.template.html | 5 +++--
 strings_en.h                     | 5 +++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/extras/WiFiManager.template.html b/extras/WiFiManager.template.html
index 1ce1b0a..42d2837 100644
--- a/extras/WiFiManager.template.html
+++ b/extras/WiFiManager.template.html
@@ -43,7 +43,10 @@ input {
     width: 100%;
     margin:5px 0;
 	box-sizing: border-box;
+}
+input,button,.msg{
 	border-radius:.3rem;
+    width: 100%;
 }
 button,input[type="button"],input[type="submit"] {
     border: 0;
@@ -51,7 +54,6 @@ button,input[type="button"],input[type="submit"] {
     color: #fff;
     line-height: 2.4rem;
     font-size: 1.2rem;
-    width: 100%;
 }
 input[type="file"]{
 	border: 1px solid #9933CC;
@@ -118,7 +120,6 @@ a:hover {
 	margin: 20px 0;
 	border: 1px solid #eee;
 	border-left-width: 5px;
-	border-radius: 3px;
 	border-left-color: #777;
 }
 
diff --git a/strings_en.h b/strings_en.h
index 2bfe079..3e6b965 100644
--- a/strings_en.h
+++ b/strings_en.h
@@ -61,7 +61,8 @@ const char HTTP_STATUS_NONE[]      PROGMEM = "<div class='msg'>No AP set</div>";
 const char HTTP_BR[]               PROGMEM = "<br/>";
 
 const char HTTP_STYLE[]            PROGMEM = "<style>"
-".c,body{text-align:center;font-family:verdana}div,input{padding:5px;font-size:1em;width:100%;margin:5px 0;border-radius:.3rem;box-sizing:border-box;}"
+".c,body{text-align:center;font-family:verdana}div,input{padding:5px;font-size:1em;width:100%;margin:5px 0;box-sizing:border-box;}"
+"input,button,.msg{border-radius:.3rem;width: 100%}"
 "button,input[type='button'],input[type='submit']{cursor:pointer;border:0;background-color:#1fa3ec;color:#fff;line-height:2.4rem;font-size:1.2rem;width:100%}"
 "input[type='file']{border:1px solid #1fa3ec}"
 ".wrap {text-align:left;display:inline-block;min-width:260px;max-width:500px}"
@@ -75,7 +76,7 @@ const char HTTP_STYLE[]            PROGMEM = "<style>"
 "background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALwAAAAgCAMAAACfM+KhAAAALVBMVEX///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAOrOgAAAADnRSTlMAESIzRGZ3iJmqu8zd7gKjCLQAAACmSURBVHgB7dDBCoMwEEXRmKlVY3L//3NLhyzqIqSUggy8uxnhCR5Mo8xLt+14aZ7wwgsvvPA/ofv9+44334UXXngvb6XsFhO/VoC2RsSv9J7x8BnYLW+AjT56ud/uePMdb7IP8Bsc/e7h8Cfk912ghsNXWPpDC4hvN+D1560A1QPORyh84VKLjjdvfPFm++i9EWq0348XXnjhhT+4dIbCW+WjZim9AKk4UZMnnCEuAAAAAElFTkSuQmCC');"
 "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:#dc3630}.msg.D h4{color:#dc3630}"
+".msg{padding:20px;margin:20px 0;border:1px solid #eee;border-left-width:5px;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:#dc3630}.msg.D h4{color:#dc3630}"
 // lists
 "dt{font-weight:bold}dd{margin:0;padding:0 0 0.5em 0;min-height:12px}"
 "td{vertical-align: top;}"